@opendoor/partner-sdk-client-vue 1.2.1-beta.99.1 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +16 -4
- package/dist/index.js +680 -674
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { NOOP_TRACKING as Ie, TrackingClient as
|
|
1
|
+
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";
|
|
2
|
+
import { NOOP_TRACKING as Ie, TrackingClient as Oe } from "@opendoor/partner-sdk-client-js-core/internal/tracking";
|
|
3
3
|
import { resolveAppearance as Ve } from "@opendoor/partner-sdk-client-js-core";
|
|
4
|
-
import { OpendoorClient as ar, THEMES as
|
|
5
|
-
import { createDtcOnboardingFlow as
|
|
6
|
-
const
|
|
4
|
+
import { OpendoorClient as ar, THEMES as lr, resolveAppearance as or } from "@opendoor/partner-sdk-client-js-core";
|
|
5
|
+
import { createDtcOnboardingFlow as Me } from "@opendoor/partner-sdk-client-js-core/internal/questionnaire";
|
|
6
|
+
const Qo = /* @__PURE__ */ F({
|
|
7
7
|
__name: "OpendoorProvider",
|
|
8
8
|
props: {
|
|
9
9
|
client: {}
|
|
@@ -16,17 +16,17 @@ const Ql = /* @__PURE__ */ R({
|
|
|
16
16
|
() => n.client,
|
|
17
17
|
() => {
|
|
18
18
|
r.value !== Ie && r.value.destroy();
|
|
19
|
-
const
|
|
20
|
-
r.value =
|
|
19
|
+
const l = new Oe(n.client.environment);
|
|
20
|
+
r.value = l;
|
|
21
21
|
},
|
|
22
22
|
{ immediate: !0 }
|
|
23
|
-
),
|
|
23
|
+
), oe(() => {
|
|
24
24
|
r.value !== Ie && r.value.destroy();
|
|
25
|
-
}), (
|
|
25
|
+
}), (l, o) => de(l.$slots, "default");
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
28
|
function Pe() {
|
|
29
|
-
const s =
|
|
29
|
+
const s = Z("opendoor-client");
|
|
30
30
|
if (!s)
|
|
31
31
|
throw new Error(
|
|
32
32
|
"useOpendoorClient must be used within an <OpendoorProvider>"
|
|
@@ -35,13 +35,13 @@ function Pe() {
|
|
|
35
35
|
}
|
|
36
36
|
function ce(s) {
|
|
37
37
|
const n = Ve(s), i = {};
|
|
38
|
-
for (const [r,
|
|
39
|
-
const
|
|
40
|
-
i[`--od-${
|
|
38
|
+
for (const [r, l] of Object.entries(n)) {
|
|
39
|
+
const o = r.replace(/([A-Z])/g, "-$1").toLowerCase();
|
|
40
|
+
i[`--od-${o}`] = l;
|
|
41
41
|
}
|
|
42
42
|
return i;
|
|
43
43
|
}
|
|
44
|
-
const xe = /* @__PURE__ */
|
|
44
|
+
const xe = /* @__PURE__ */ F({
|
|
45
45
|
__name: "PoweredByOpendoor",
|
|
46
46
|
setup(s) {
|
|
47
47
|
return (n, i) => (d(), y("div", {
|
|
@@ -72,12 +72,12 @@ const xe = /* @__PURE__ */ R({
|
|
|
72
72
|
text: Ze
|
|
73
73
|
}, V = (s, n) => {
|
|
74
74
|
const i = s.__vccOpts || s;
|
|
75
|
-
for (const [r,
|
|
76
|
-
i[r] =
|
|
75
|
+
for (const [r, l] of n)
|
|
76
|
+
i[r] = l;
|
|
77
77
|
return i;
|
|
78
78
|
}, We = {
|
|
79
79
|
$style: ze
|
|
80
|
-
}, Ke = /* @__PURE__ */ V(xe, [["__cssModules", We]]), Qe = ["value", "placeholder", "disabled", "aria-controls", "aria-expanded"], Ye = ["disabled", "aria-label"], Xe = ["id", "role", "aria-live"], Je = ["onClick", "onKeydown"], et = ["for"], tt = ["id", "value", "disabled"], st = ["for"], nt = ["id", "value", "disabled"], at = ["for"],
|
|
80
|
+
}, Ke = /* @__PURE__ */ V(xe, [["__cssModules", We]]), Qe = ["value", "placeholder", "disabled", "aria-controls", "aria-expanded"], Ye = ["disabled", "aria-label"], Xe = ["id", "role", "aria-live"], Je = ["onClick", "onKeydown"], et = ["for"], tt = ["id", "value", "disabled"], st = ["for"], nt = ["id", "value", "disabled"], at = ["for"], lt = ["id", "value", "disabled"], ot = ["for"], rt = ["id", "value", "disabled"], it = ["for"], ut = ["id", "value", "disabled"], dt = ["disabled"], ct = /* @__PURE__ */ F({
|
|
81
81
|
__name: "AddressEntry",
|
|
82
82
|
props: {
|
|
83
83
|
enableAddressSuggestions: { type: Boolean, default: !0 },
|
|
@@ -93,59 +93,59 @@ const xe = /* @__PURE__ */ R({
|
|
|
93
93
|
emits: ["address-select", "ready", "change", "validation-error", "address-suggestions-start", "address-suggestions-complete", "error"],
|
|
94
94
|
setup(s, { emit: n }) {
|
|
95
95
|
let i = 0;
|
|
96
|
-
const r = s,
|
|
96
|
+
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({
|
|
97
97
|
street1: "",
|
|
98
98
|
street2: "",
|
|
99
99
|
city: "",
|
|
100
100
|
state: "",
|
|
101
101
|
postalCode: ""
|
|
102
|
-
}),
|
|
102
|
+
}), R = w(() => ce(r.appearance)), U = w(
|
|
103
103
|
() => f.value && !$.value && u.value.trim().length >= 3 && p.value.length === 0 && !h.value
|
|
104
104
|
);
|
|
105
|
-
let
|
|
105
|
+
let G = null, E = 0;
|
|
106
106
|
ee(u, (b) => {
|
|
107
107
|
if (I.value) return;
|
|
108
|
-
if (
|
|
109
|
-
|
|
108
|
+
if (l("change", { street1: b }), G && clearTimeout(G), !r.enableAddressSuggestions || b.trim().length < 3) {
|
|
109
|
+
E += 1, p.value = [], f.value = !1, g.value = null, $.value = !1;
|
|
110
110
|
return;
|
|
111
111
|
}
|
|
112
112
|
$.value = !0, g.value = null;
|
|
113
|
-
const v = b.trim(), k = ++
|
|
114
|
-
|
|
115
|
-
|
|
113
|
+
const v = b.trim(), k = ++E;
|
|
114
|
+
G = setTimeout(async () => {
|
|
115
|
+
l("address-suggestions-start", v);
|
|
116
116
|
try {
|
|
117
|
-
const S = await
|
|
118
|
-
if (k !==
|
|
119
|
-
p.value = S.addresses, f.value = !0,
|
|
117
|
+
const S = await o.value.getAddressSuggestions(v);
|
|
118
|
+
if (k !== E) return;
|
|
119
|
+
p.value = S.addresses, f.value = !0, l("address-suggestions-complete", S.addresses);
|
|
120
120
|
} catch (S) {
|
|
121
|
-
if (k !==
|
|
122
|
-
const
|
|
123
|
-
g.value =
|
|
121
|
+
if (k !== E) return;
|
|
122
|
+
const A = S instanceof Error ? S : new Error("Failed to fetch address suggestions");
|
|
123
|
+
g.value = A.message, p.value = [], f.value = !0, l("error", A);
|
|
124
124
|
} finally {
|
|
125
|
-
k ===
|
|
125
|
+
k === E && ($.value = !1);
|
|
126
126
|
}
|
|
127
127
|
}, r.debounceMs);
|
|
128
128
|
});
|
|
129
|
-
function
|
|
129
|
+
function x(b) {
|
|
130
130
|
const v = [b.street1];
|
|
131
131
|
return b.street2 && (v[0] += ` ${b.street2}`), v.push(`${b.city}, ${b.state} ${b.postalCode}`), v.join(", ");
|
|
132
132
|
}
|
|
133
|
-
async function
|
|
134
|
-
I.value = !0, u.value =
|
|
133
|
+
async function Y(b) {
|
|
134
|
+
I.value = !0, u.value = x(b), p.value = [], f.value = !1, g.value = null, l("change", b);
|
|
135
135
|
try {
|
|
136
|
-
|
|
136
|
+
l("address-select", b);
|
|
137
137
|
} catch (v) {
|
|
138
138
|
const k = v instanceof Error ? v : new Error("Failed to process address");
|
|
139
|
-
g.value = k.message,
|
|
139
|
+
g.value = k.message, l("error", k), u.value = "", I.value = !1;
|
|
140
140
|
}
|
|
141
141
|
}
|
|
142
142
|
function re() {
|
|
143
143
|
h.value = !0, f.value = !1;
|
|
144
144
|
}
|
|
145
|
-
function
|
|
146
|
-
|
|
147
|
-
const k =
|
|
148
|
-
|
|
145
|
+
function J(b, v) {
|
|
146
|
+
T.value[b] = v;
|
|
147
|
+
const k = T.value;
|
|
148
|
+
l("change", {
|
|
149
149
|
street1: k.street1,
|
|
150
150
|
...k.street2 ? { street2: k.street2 } : {},
|
|
151
151
|
city: k.city,
|
|
@@ -153,31 +153,31 @@ const xe = /* @__PURE__ */ R({
|
|
|
153
153
|
postalCode: k.postalCode
|
|
154
154
|
});
|
|
155
155
|
}
|
|
156
|
-
async function
|
|
157
|
-
const b =
|
|
156
|
+
async function z() {
|
|
157
|
+
const b = T.value.street1.trim(), v = T.value.city.trim(), k = T.value.state.trim(), S = T.value.postalCode.trim(), A = T.value.street2.trim();
|
|
158
158
|
if (!b || !v || !k || !S) {
|
|
159
|
-
const
|
|
160
|
-
g.value =
|
|
159
|
+
const P = "Please fill in all required fields";
|
|
160
|
+
g.value = P, l("validation-error", P);
|
|
161
161
|
return;
|
|
162
162
|
}
|
|
163
163
|
$.value = !0, g.value = null;
|
|
164
164
|
try {
|
|
165
|
-
|
|
165
|
+
l("address-select", {
|
|
166
166
|
street1: b,
|
|
167
|
-
street2:
|
|
167
|
+
street2: A || void 0,
|
|
168
168
|
city: v,
|
|
169
169
|
state: k,
|
|
170
170
|
postalCode: S
|
|
171
171
|
});
|
|
172
|
-
} catch (
|
|
173
|
-
const
|
|
174
|
-
g.value =
|
|
172
|
+
} catch (P) {
|
|
173
|
+
const W = P instanceof Error ? P : new Error("Failed to submit address");
|
|
174
|
+
g.value = W.message, l("error", W);
|
|
175
175
|
} finally {
|
|
176
176
|
$.value = !1;
|
|
177
177
|
}
|
|
178
178
|
}
|
|
179
179
|
function ae() {
|
|
180
|
-
p.value.length > 0 &&
|
|
180
|
+
p.value.length > 0 && Y(p.value[0]);
|
|
181
181
|
}
|
|
182
182
|
function te() {
|
|
183
183
|
p.value.length > 0 && u.value.length > 0 && (f.value = !0);
|
|
@@ -187,17 +187,17 @@ const xe = /* @__PURE__ */ R({
|
|
|
187
187
|
u.value = v, I.value = !1;
|
|
188
188
|
}
|
|
189
189
|
function se(b) {
|
|
190
|
-
|
|
190
|
+
q.value && !q.value.contains(b.target) && j.value && !j.value.contains(b.target) && (f.value = !1);
|
|
191
191
|
}
|
|
192
192
|
return be(() => {
|
|
193
|
-
document.addEventListener("mousedown", se),
|
|
194
|
-
}),
|
|
195
|
-
document.removeEventListener("mousedown", se),
|
|
193
|
+
document.addEventListener("mousedown", se), l("ready");
|
|
194
|
+
}), oe(() => {
|
|
195
|
+
document.removeEventListener("mousedown", se), G && clearTimeout(G), E += 1;
|
|
196
196
|
}), (b, v) => (d(), y("div", {
|
|
197
197
|
ref_key: "containerRef",
|
|
198
|
-
ref:
|
|
198
|
+
ref: B,
|
|
199
199
|
class: e(b.$style.container),
|
|
200
|
-
style:
|
|
200
|
+
style: X(R.value)
|
|
201
201
|
}, [
|
|
202
202
|
h.value ? (d(), y("div", {
|
|
203
203
|
key: 1,
|
|
@@ -214,10 +214,10 @@ const xe = /* @__PURE__ */ R({
|
|
|
214
214
|
id: `${c}-street1`,
|
|
215
215
|
class: e(b.$style.manualFormInput),
|
|
216
216
|
type: "text",
|
|
217
|
-
value:
|
|
217
|
+
value: T.value.street1,
|
|
218
218
|
disabled: s.disabled,
|
|
219
219
|
placeholder: "123 Main St",
|
|
220
|
-
onInput: v[0] || (v[0] = (k) =>
|
|
220
|
+
onInput: v[0] || (v[0] = (k) => J("street1", k.target.value))
|
|
221
221
|
}, null, 42, tt)
|
|
222
222
|
], 2),
|
|
223
223
|
t("div", {
|
|
@@ -231,10 +231,10 @@ const xe = /* @__PURE__ */ R({
|
|
|
231
231
|
id: `${c}-street2`,
|
|
232
232
|
class: e(b.$style.manualFormInput),
|
|
233
233
|
type: "text",
|
|
234
|
-
value:
|
|
234
|
+
value: T.value.street2,
|
|
235
235
|
disabled: s.disabled,
|
|
236
236
|
placeholder: "Apt 4B",
|
|
237
|
-
onInput: v[1] || (v[1] = (k) =>
|
|
237
|
+
onInput: v[1] || (v[1] = (k) => J("street2", k.target.value))
|
|
238
238
|
}, null, 42, nt)
|
|
239
239
|
], 2),
|
|
240
240
|
t("div", {
|
|
@@ -248,11 +248,11 @@ const xe = /* @__PURE__ */ R({
|
|
|
248
248
|
id: `${c}-city`,
|
|
249
249
|
class: e(b.$style.manualFormInput),
|
|
250
250
|
type: "text",
|
|
251
|
-
value:
|
|
251
|
+
value: T.value.city,
|
|
252
252
|
disabled: s.disabled,
|
|
253
253
|
placeholder: "Austin",
|
|
254
|
-
onInput: v[2] || (v[2] = (k) =>
|
|
255
|
-
}, null, 42,
|
|
254
|
+
onInput: v[2] || (v[2] = (k) => J("city", k.target.value))
|
|
255
|
+
}, null, 42, lt)
|
|
256
256
|
], 2),
|
|
257
257
|
t("div", {
|
|
258
258
|
class: e(b.$style.formRow)
|
|
@@ -263,16 +263,16 @@ const xe = /* @__PURE__ */ R({
|
|
|
263
263
|
t("label", {
|
|
264
264
|
class: e(b.$style.manualFormLabel),
|
|
265
265
|
for: `${c}-state`
|
|
266
|
-
}, "State *", 10,
|
|
266
|
+
}, "State *", 10, ot),
|
|
267
267
|
t("input", {
|
|
268
268
|
id: `${c}-state`,
|
|
269
269
|
class: e(b.$style.manualFormInput),
|
|
270
270
|
type: "text",
|
|
271
|
-
value:
|
|
271
|
+
value: T.value.state,
|
|
272
272
|
disabled: s.disabled,
|
|
273
273
|
placeholder: "TX",
|
|
274
274
|
maxlength: "2",
|
|
275
|
-
onInput: v[3] || (v[3] = (k) =>
|
|
275
|
+
onInput: v[3] || (v[3] = (k) => J("state", k.target.value))
|
|
276
276
|
}, null, 42, rt)
|
|
277
277
|
], 2),
|
|
278
278
|
t("div", {
|
|
@@ -286,11 +286,11 @@ const xe = /* @__PURE__ */ R({
|
|
|
286
286
|
id: `${c}-postalCode`,
|
|
287
287
|
class: e(b.$style.manualFormInput),
|
|
288
288
|
type: "text",
|
|
289
|
-
value:
|
|
289
|
+
value: T.value.postalCode,
|
|
290
290
|
disabled: s.disabled,
|
|
291
291
|
placeholder: "78701",
|
|
292
292
|
maxlength: "5",
|
|
293
|
-
onInput: v[4] || (v[4] = (k) =>
|
|
293
|
+
onInput: v[4] || (v[4] = (k) => J("postalCode", k.target.value))
|
|
294
294
|
}, null, 42, ut)
|
|
295
295
|
], 2)
|
|
296
296
|
], 2),
|
|
@@ -298,12 +298,12 @@ const xe = /* @__PURE__ */ R({
|
|
|
298
298
|
key: 0,
|
|
299
299
|
class: e(b.$style.error),
|
|
300
300
|
role: "alert"
|
|
301
|
-
}, _(g.value), 3)) :
|
|
301
|
+
}, _(g.value), 3)) : D("", !0),
|
|
302
302
|
t("button", {
|
|
303
303
|
class: e(b.$style.submitButton),
|
|
304
304
|
type: "button",
|
|
305
305
|
disabled: s.disabled,
|
|
306
|
-
onClick:
|
|
306
|
+
onClick: z
|
|
307
307
|
}, [
|
|
308
308
|
t("span", null, _(s.buttonText), 1),
|
|
309
309
|
de(b.$slots, "button-icon", {}, () => [
|
|
@@ -333,7 +333,7 @@ const xe = /* @__PURE__ */ R({
|
|
|
333
333
|
}, [
|
|
334
334
|
t("input", {
|
|
335
335
|
ref_key: "inputRef",
|
|
336
|
-
ref:
|
|
336
|
+
ref: j,
|
|
337
337
|
value: u.value,
|
|
338
338
|
class: e(b.$style.input),
|
|
339
339
|
placeholder: s.placeholderText,
|
|
@@ -352,7 +352,7 @@ const xe = /* @__PURE__ */ R({
|
|
|
352
352
|
class: e(b.$style.inputIcon)
|
|
353
353
|
}, [
|
|
354
354
|
de(b.$slots, "input-icon")
|
|
355
|
-
], 2)) :
|
|
355
|
+
], 2)) : D("", !0),
|
|
356
356
|
s.showButton ? (d(), y("button", {
|
|
357
357
|
key: 1,
|
|
358
358
|
class: e(b.$style.button),
|
|
@@ -361,7 +361,7 @@ const xe = /* @__PURE__ */ R({
|
|
|
361
361
|
type: "button",
|
|
362
362
|
onClick: ae
|
|
363
363
|
}, [
|
|
364
|
-
$.value ? (d(), y(
|
|
364
|
+
$.value ? (d(), y(O, { key: 0 }, [
|
|
365
365
|
t("span", null, _(s.buttonText), 1),
|
|
366
366
|
(d(), y("svg", {
|
|
367
367
|
class: e(b.$style.spinner),
|
|
@@ -386,7 +386,7 @@ const xe = /* @__PURE__ */ R({
|
|
|
386
386
|
"stroke-linecap": "round"
|
|
387
387
|
}, null, -1)
|
|
388
388
|
])], 2))
|
|
389
|
-
], 64)) : (d(), y(
|
|
389
|
+
], 64)) : (d(), y(O, { key: 1 }, [
|
|
390
390
|
t("span", null, _(s.buttonText), 1),
|
|
391
391
|
de(b.$slots, "button-icon", {}, () => [
|
|
392
392
|
v[6] || (v[6] = t("svg", {
|
|
@@ -406,18 +406,18 @@ const xe = /* @__PURE__ */ R({
|
|
|
406
406
|
], -1))
|
|
407
407
|
])
|
|
408
408
|
], 64))
|
|
409
|
-
], 10, Ye)) :
|
|
409
|
+
], 10, Ye)) : D("", !0)
|
|
410
410
|
], 2),
|
|
411
411
|
f.value || g.value ? (d(), y("div", {
|
|
412
412
|
key: 0,
|
|
413
413
|
ref_key: "suggestionsRef",
|
|
414
|
-
ref:
|
|
414
|
+
ref: q,
|
|
415
415
|
class: e([b.$style.suggestions, g.value ? b.$style.errorState : ""]),
|
|
416
416
|
id: `${c}-suggestions`,
|
|
417
417
|
role: g.value ? "alert" : "listbox",
|
|
418
418
|
"aria-live": g.value ? "polite" : void 0
|
|
419
419
|
}, [
|
|
420
|
-
g.value ? (d(), y(
|
|
420
|
+
g.value ? (d(), y(O, { key: 0 }, [
|
|
421
421
|
t("div", {
|
|
422
422
|
class: e(b.$style.error)
|
|
423
423
|
}, [
|
|
@@ -447,35 +447,35 @@ const xe = /* @__PURE__ */ R({
|
|
|
447
447
|
])], 2),
|
|
448
448
|
t("div", null, _(g.value), 1)
|
|
449
449
|
], 2),
|
|
450
|
-
h.value ?
|
|
450
|
+
h.value ? D("", !0) : (d(), y("button", {
|
|
451
451
|
key: 0,
|
|
452
452
|
type: "button",
|
|
453
453
|
class: e(b.$style.manualLink),
|
|
454
454
|
onClick: re
|
|
455
455
|
}, _(s.manualEntryText), 3))
|
|
456
|
-
], 64)) : p.value.length > 0 ? (d(!0), y(
|
|
456
|
+
], 64)) : p.value.length > 0 ? (d(!0), y(O, { key: 1 }, Q(p.value, (k, S) => (d(), y("div", {
|
|
457
457
|
key: `${k.street1}-${k.city}-${k.postalCode}-${S}`,
|
|
458
458
|
class: e(b.$style.suggestion),
|
|
459
459
|
role: "option",
|
|
460
460
|
"aria-selected": !1,
|
|
461
461
|
tabindex: "0",
|
|
462
|
-
onClick: (
|
|
462
|
+
onClick: (A) => Y(k),
|
|
463
463
|
onKeydown: [
|
|
464
|
-
Se(Ee((
|
|
465
|
-
Se(Ee((
|
|
464
|
+
Se(Ee((A) => Y(k), ["prevent"]), ["enter"]),
|
|
465
|
+
Se(Ee((A) => Y(k), ["prevent"]), ["space"])
|
|
466
466
|
]
|
|
467
|
-
}, _(
|
|
467
|
+
}, _(x(k)), 43, Je))), 128)) : U.value ? (d(), y("button", {
|
|
468
468
|
key: 2,
|
|
469
469
|
type: "button",
|
|
470
470
|
class: e(b.$style.manualLink),
|
|
471
471
|
onClick: re
|
|
472
|
-
}, _(s.manualEntryText), 3)) :
|
|
473
|
-
], 10, Xe)) :
|
|
472
|
+
}, _(s.manualEntryText), 3)) : D("", !0)
|
|
473
|
+
], 10, Xe)) : D("", !0)
|
|
474
474
|
], 2)),
|
|
475
|
-
s.showAttribution ? (d(),
|
|
475
|
+
s.showAttribution ? (d(), K(Ke, { key: 2 })) : D("", !0)
|
|
476
476
|
], 6));
|
|
477
477
|
}
|
|
478
|
-
}), 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",
|
|
478
|
+
}), 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 = {
|
|
479
479
|
container: vt,
|
|
480
480
|
inputSection: yt,
|
|
481
481
|
inputWrapper: pt,
|
|
@@ -494,18 +494,18 @@ const xe = /* @__PURE__ */ R({
|
|
|
494
494
|
manualForm: St,
|
|
495
495
|
slideIn: Et,
|
|
496
496
|
manualFormField: Dt,
|
|
497
|
-
manualFormLabel:
|
|
498
|
-
manualFormInput:
|
|
497
|
+
manualFormLabel: qt,
|
|
498
|
+
manualFormInput: Mt,
|
|
499
499
|
formRow: At,
|
|
500
500
|
submitButton: Tt
|
|
501
501
|
}, Pt = {
|
|
502
502
|
$style: Bt
|
|
503
|
-
},
|
|
504
|
-
function
|
|
503
|
+
}, 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";
|
|
504
|
+
function jt(s, n, i) {
|
|
505
505
|
return s.startsWith("http://") || s.startsWith("https://") ? `url-${encodeURIComponent(s)}(${n},${i})` : `${s}(${n},${i})`;
|
|
506
506
|
}
|
|
507
|
-
function
|
|
508
|
-
const i = (n == null ? void 0 : n.mapboxAccessToken) ?? Gt, r = (n == null ? void 0 : n.mapPinMarker) ?? Ht,
|
|
507
|
+
function Nt(s, n) {
|
|
508
|
+
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");
|
|
509
509
|
let f = null;
|
|
510
510
|
return ee(
|
|
511
511
|
() => [
|
|
@@ -515,7 +515,7 @@ function Ot(s, n) {
|
|
|
515
515
|
s.value.postalCode
|
|
516
516
|
],
|
|
517
517
|
async () => {
|
|
518
|
-
var I,
|
|
518
|
+
var I, B;
|
|
519
519
|
f && f.abort();
|
|
520
520
|
const $ = new AbortController();
|
|
521
521
|
f = $, p.value = "loading";
|
|
@@ -526,31 +526,31 @@ function Ot(s, n) {
|
|
|
526
526
|
g.postalCode
|
|
527
527
|
].join(" ");
|
|
528
528
|
try {
|
|
529
|
-
const
|
|
530
|
-
if (!
|
|
529
|
+
const q = `${Ft}/${encodeURIComponent(h)}.json?access_token=${i}&limit=1`, j = await fetch(q, { signal: $.signal });
|
|
530
|
+
if (!j.ok) {
|
|
531
531
|
$.signal.aborted || (p.value = "error");
|
|
532
532
|
return;
|
|
533
533
|
}
|
|
534
|
-
const
|
|
534
|
+
const T = await j.json();
|
|
535
535
|
if ($.signal.aborted) return;
|
|
536
|
-
const
|
|
537
|
-
if (!
|
|
536
|
+
const R = (B = (I = T.features) == null ? void 0 : I[0]) == null ? void 0 : B.center;
|
|
537
|
+
if (!R) {
|
|
538
538
|
p.value = "error";
|
|
539
539
|
return;
|
|
540
540
|
}
|
|
541
|
-
const [
|
|
542
|
-
u.value = `${Rt}/${
|
|
543
|
-
} catch (
|
|
544
|
-
if (
|
|
541
|
+
const [U, G] = R, E = jt(r, U, G);
|
|
542
|
+
u.value = `${Rt}/${E}/${U},${G},${c}/${l}x${o}@2x?access_token=${i}&attribution=false&logo=false`, p.value = "loaded";
|
|
543
|
+
} catch (q) {
|
|
544
|
+
if (q instanceof DOMException && q.name === "AbortError") return;
|
|
545
545
|
$.signal.aborted || (p.value = "error");
|
|
546
546
|
}
|
|
547
547
|
},
|
|
548
548
|
{ immediate: !0 }
|
|
549
|
-
),
|
|
549
|
+
), oe(() => {
|
|
550
550
|
f && f.abort();
|
|
551
551
|
}), { url: u, status: p };
|
|
552
552
|
}
|
|
553
|
-
const
|
|
553
|
+
const Ot = ["src"], Vt = /* @__PURE__ */ F({
|
|
554
554
|
__name: "AddressMap",
|
|
555
555
|
props: {
|
|
556
556
|
address: {},
|
|
@@ -564,10 +564,10 @@ const jt = ["src"], Vt = /* @__PURE__ */ R({
|
|
|
564
564
|
},
|
|
565
565
|
emits: ["load", "error"],
|
|
566
566
|
setup(s, { emit: n }) {
|
|
567
|
-
const i = s, r = n,
|
|
567
|
+
const i = s, r = n, l = w(() => {
|
|
568
568
|
const f = ce(i.appearance);
|
|
569
569
|
return i.borderRadius && (f["border-radius"] = i.borderRadius), f;
|
|
570
|
-
}), { url:
|
|
570
|
+
}), { url: o, status: c } = Nt(
|
|
571
571
|
w(() => i.address),
|
|
572
572
|
{
|
|
573
573
|
mapboxAccessToken: i.mapboxAccessToken,
|
|
@@ -585,15 +585,15 @@ const jt = ["src"], Vt = /* @__PURE__ */ R({
|
|
|
585
585
|
}
|
|
586
586
|
return (f, $) => (d(), y("div", {
|
|
587
587
|
class: e(f.$style.container),
|
|
588
|
-
style:
|
|
588
|
+
style: X(l.value)
|
|
589
589
|
}, [
|
|
590
|
-
|
|
590
|
+
M(o) ? (d(), y("img", {
|
|
591
591
|
key: 0,
|
|
592
|
-
src:
|
|
592
|
+
src: M(o),
|
|
593
593
|
alt: "Map",
|
|
594
594
|
class: e([f.$style.mapImage, u.value ? f.$style.mapImageLoaded : ""]),
|
|
595
595
|
onLoad: p
|
|
596
|
-
}, null, 42,
|
|
596
|
+
}, null, 42, Ot)) : D("", !0)
|
|
597
597
|
], 6));
|
|
598
598
|
}
|
|
599
599
|
}), xt = "_container_iumdj_4", Ut = "_mapImage_iumdj_14", Zt = "_mapImageLoaded_iumdj_23", zt = {
|
|
@@ -602,7 +602,7 @@ const jt = ["src"], Vt = /* @__PURE__ */ R({
|
|
|
602
602
|
mapImageLoaded: Zt
|
|
603
603
|
}, Wt = {
|
|
604
604
|
$style: zt
|
|
605
|
-
},
|
|
605
|
+
}, Xo = /* @__PURE__ */ V(Vt, [["__cssModules", Wt]]), Kt = ["disabled", "aria-invalid", "aria-describedby"], Qt = ["checked"], Yt = /* @__PURE__ */ F({
|
|
606
606
|
__name: "AddressUnitConfirmation",
|
|
607
607
|
props: {
|
|
608
608
|
address: {},
|
|
@@ -610,24 +610,24 @@ const jt = ["src"], Vt = /* @__PURE__ */ R({
|
|
|
610
610
|
},
|
|
611
611
|
emits: ["confirm", "edit", "ready", "error"],
|
|
612
612
|
setup(s, { emit: n }) {
|
|
613
|
-
const i = s, r = n,
|
|
613
|
+
const i = s, r = n, l = L(""), o = L(!1), c = L(null), u = w(() => ce(i.appearance)), p = w(() => {
|
|
614
614
|
const h = i.address;
|
|
615
615
|
return `${h.street1 + (h.street2 ? ` ${h.street2}` : "")}, ${h.city}, ${h.state} ${h.postalCode}`;
|
|
616
616
|
});
|
|
617
617
|
function f() {
|
|
618
|
-
if (!
|
|
618
|
+
if (!o.value && !l.value.trim()) {
|
|
619
619
|
const h = "Please enter a unit number or select 'No unit number'";
|
|
620
620
|
c.value = h, r("error", new Error(h));
|
|
621
621
|
return;
|
|
622
622
|
}
|
|
623
|
-
if (c.value = null,
|
|
623
|
+
if (c.value = null, o.value) {
|
|
624
624
|
const { street2: h, ...I } = i.address;
|
|
625
625
|
r("confirm", I);
|
|
626
626
|
} else
|
|
627
|
-
r("confirm", { ...i.address, street2:
|
|
627
|
+
r("confirm", { ...i.address, street2: l.value.trim() });
|
|
628
628
|
}
|
|
629
629
|
function $() {
|
|
630
|
-
|
|
630
|
+
o.value = !o.value, o.value && (l.value = "", c.value = null);
|
|
631
631
|
}
|
|
632
632
|
function g() {
|
|
633
633
|
c.value && (c.value = null);
|
|
@@ -636,7 +636,7 @@ const jt = ["src"], Vt = /* @__PURE__ */ R({
|
|
|
636
636
|
r("ready");
|
|
637
637
|
}), (h, I) => (d(), y("div", {
|
|
638
638
|
class: e(h.$style.container),
|
|
639
|
-
style:
|
|
639
|
+
style: X(u.value)
|
|
640
640
|
}, [
|
|
641
641
|
t("h2", {
|
|
642
642
|
class: e(h.$style.title)
|
|
@@ -650,7 +650,7 @@ const jt = ["src"], Vt = /* @__PURE__ */ R({
|
|
|
650
650
|
t("button", {
|
|
651
651
|
class: e(h.$style.editLink),
|
|
652
652
|
type: "button",
|
|
653
|
-
onClick: I[0] || (I[0] = (
|
|
653
|
+
onClick: I[0] || (I[0] = (B) => r("edit"))
|
|
654
654
|
}, " Edit ", 2)
|
|
655
655
|
], 2),
|
|
656
656
|
t("div", {
|
|
@@ -662,17 +662,17 @@ const jt = ["src"], Vt = /* @__PURE__ */ R({
|
|
|
662
662
|
}, " Unit number, apt, or floor* ", 2),
|
|
663
663
|
De(t("input", {
|
|
664
664
|
id: "od-unit-number",
|
|
665
|
-
"onUpdate:modelValue": I[1] || (I[1] = (
|
|
665
|
+
"onUpdate:modelValue": I[1] || (I[1] = (B) => l.value = B),
|
|
666
666
|
class: e(h.$style.input),
|
|
667
667
|
type: "text",
|
|
668
668
|
placeholder: "#1234",
|
|
669
|
-
disabled:
|
|
669
|
+
disabled: o.value,
|
|
670
670
|
"aria-invalid": c.value ? !0 : void 0,
|
|
671
671
|
"aria-describedby": c.value ? "od-unit-error" : void 0,
|
|
672
672
|
onInput: g,
|
|
673
673
|
onKeydown: Se(f, ["enter"])
|
|
674
674
|
}, null, 42, Kt), [
|
|
675
|
-
[
|
|
675
|
+
[qe, l.value]
|
|
676
676
|
])
|
|
677
677
|
], 2),
|
|
678
678
|
t("label", {
|
|
@@ -681,7 +681,7 @@ const jt = ["src"], Vt = /* @__PURE__ */ R({
|
|
|
681
681
|
t("input", {
|
|
682
682
|
type: "checkbox",
|
|
683
683
|
class: e(h.$style.checkbox),
|
|
684
|
-
checked:
|
|
684
|
+
checked: o.value,
|
|
685
685
|
onChange: $
|
|
686
686
|
}, null, 42, Qt),
|
|
687
687
|
t("span", {
|
|
@@ -693,7 +693,7 @@ const jt = ["src"], Vt = /* @__PURE__ */ R({
|
|
|
693
693
|
id: "od-unit-error",
|
|
694
694
|
class: e(h.$style.error),
|
|
695
695
|
role: "alert"
|
|
696
|
-
}, _(c.value), 3)) :
|
|
696
|
+
}, _(c.value), 3)) : D("", !0),
|
|
697
697
|
t("div", {
|
|
698
698
|
class: e(h.$style.actions)
|
|
699
699
|
}, [
|
|
@@ -705,7 +705,7 @@ const jt = ["src"], Vt = /* @__PURE__ */ R({
|
|
|
705
705
|
], 2)
|
|
706
706
|
], 6));
|
|
707
707
|
}
|
|
708
|
-
}), Xt = "_container_1hik1_4", Jt = "_title_1hik1_8", es = "_addressCard_1hik1_17", ts = "_addressText_1hik1_27", ss = "_editLink_1hik1_35", ns = "_fieldGroup_1hik1_48", as = "_fieldLabel_1hik1_52",
|
|
708
|
+
}), Xt = "_container_1hik1_4", Jt = "_title_1hik1_8", es = "_addressCard_1hik1_17", ts = "_addressText_1hik1_27", ss = "_editLink_1hik1_35", ns = "_fieldGroup_1hik1_48", as = "_fieldLabel_1hik1_52", ls = "_input_1hik1_61", os = "_checkboxRow_1hik1_85", rs = "_checkbox_1hik1_85", is = "_checkboxLabel_1hik1_102", us = "_error_1hik1_109", ds = "_actions_1hik1_116", cs = "_confirmButton_1hik1_121", vs = {
|
|
709
709
|
container: Xt,
|
|
710
710
|
title: Jt,
|
|
711
711
|
addressCard: es,
|
|
@@ -713,8 +713,8 @@ const jt = ["src"], Vt = /* @__PURE__ */ R({
|
|
|
713
713
|
editLink: ss,
|
|
714
714
|
fieldGroup: ns,
|
|
715
715
|
fieldLabel: as,
|
|
716
|
-
input:
|
|
717
|
-
checkboxRow:
|
|
716
|
+
input: ls,
|
|
717
|
+
checkboxRow: os,
|
|
718
718
|
checkbox: rs,
|
|
719
719
|
checkboxLabel: is,
|
|
720
720
|
error: us,
|
|
@@ -722,120 +722,126 @@ const jt = ["src"], Vt = /* @__PURE__ */ R({
|
|
|
722
722
|
confirmButton: cs
|
|
723
723
|
}, ys = {
|
|
724
724
|
$style: vs
|
|
725
|
-
},
|
|
726
|
-
function Ae(s, n, i, r,
|
|
725
|
+
}, Jo = /* @__PURE__ */ V(Yt, [["__cssModules", ys]]);
|
|
726
|
+
function Ae(s, n, i, r, l, o) {
|
|
727
727
|
const c = [
|
|
728
728
|
s.on("answerChange", (u) => {
|
|
729
729
|
var p;
|
|
730
|
-
n.value = s.answers,
|
|
730
|
+
n.value = s.answers, l.value = [...s.visiblePages], u.type === "answerChange" && ((p = o.onAnswerChange) == null || p.call(o, u.key, u.value));
|
|
731
731
|
}),
|
|
732
732
|
s.on("pageChange", (u) => {
|
|
733
733
|
var p;
|
|
734
|
-
u.type === "pageChange" && (i.value = u.pageId,
|
|
734
|
+
u.type === "pageChange" && (i.value = u.pageId, l.value = [...s.visiblePages], r.value = {}, (p = o.onPageChange) == null || p.call(o, u.pageIndex, u.pageId));
|
|
735
735
|
}),
|
|
736
736
|
s.on("validationError", (u) => {
|
|
737
737
|
u.type === "validationError" && (r.value = u.errors);
|
|
738
738
|
}),
|
|
739
739
|
s.on("submit", (u) => {
|
|
740
|
-
u.type === "submit" &&
|
|
740
|
+
u.type === "submit" && o.onSubmit(u.answers);
|
|
741
741
|
})
|
|
742
742
|
];
|
|
743
743
|
return () => c.forEach((u) => u());
|
|
744
744
|
}
|
|
745
745
|
function ps(s) {
|
|
746
|
-
var
|
|
747
|
-
let n =
|
|
748
|
-
|
|
749
|
-
|
|
746
|
+
var R, U, G;
|
|
747
|
+
let n = Me({
|
|
748
|
+
initialAnswers: s.getInitialAnswers(),
|
|
749
|
+
skipPages: (R = s.getSkipPages) == null ? void 0 : R.call(s)
|
|
750
750
|
});
|
|
751
|
-
const i = L(n.answers), r = L(((
|
|
751
|
+
const i = L(n.answers), r = L(((U = n.currentPage) == null ? void 0 : U.id) ?? ""), l = L({}), o = L(n.visiblePages);
|
|
752
752
|
let c = Ae(
|
|
753
753
|
n,
|
|
754
754
|
i,
|
|
755
755
|
r,
|
|
756
|
-
o,
|
|
757
756
|
l,
|
|
757
|
+
o,
|
|
758
758
|
s
|
|
759
759
|
);
|
|
760
|
-
(
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
|
|
766
|
-
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
l,
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
760
|
+
(G = s.onReady) == null || G.call(s), ee(
|
|
761
|
+
() => {
|
|
762
|
+
var E;
|
|
763
|
+
return (((E = s.getSkipPages) == null ? void 0 : E.call(s)) ?? []).join("|");
|
|
764
|
+
},
|
|
765
|
+
() => {
|
|
766
|
+
var E, x;
|
|
767
|
+
c(), n.destroy(), n = Me({
|
|
768
|
+
initialAnswers: s.getInitialAnswers(),
|
|
769
|
+
skipPages: (E = s.getSkipPages) == null ? void 0 : E.call(s)
|
|
770
|
+
}), i.value = n.answers, r.value = ((x = n.currentPage) == null ? void 0 : x.id) ?? "", l.value = {}, o.value = n.visiblePages, c = Ae(
|
|
771
|
+
n,
|
|
772
|
+
i,
|
|
773
|
+
r,
|
|
774
|
+
l,
|
|
775
|
+
o,
|
|
776
|
+
s
|
|
777
|
+
);
|
|
778
|
+
}
|
|
779
|
+
);
|
|
774
780
|
let u = s.getInitialAnswers();
|
|
775
|
-
ee(s.getInitialAnswers, (
|
|
776
|
-
|
|
781
|
+
ee(s.getInitialAnswers, (E) => {
|
|
782
|
+
E && E !== u && (u = E, n.setAnswers(E));
|
|
777
783
|
});
|
|
778
784
|
const p = w(() => {
|
|
779
|
-
const
|
|
780
|
-
(
|
|
785
|
+
const E = o.value.findIndex(
|
|
786
|
+
(x) => x.id === r.value
|
|
781
787
|
);
|
|
782
|
-
return
|
|
788
|
+
return E >= 0 ? E : 0;
|
|
783
789
|
}), f = w(
|
|
784
|
-
() =>
|
|
785
|
-
), $ = w(() => r.value ? (i.value, n.getVisibleQuestionsForCurrentPage()) : []), g = w(() =>
|
|
790
|
+
() => o.value[p.value]
|
|
791
|
+
), $ = w(() => r.value ? (i.value, n.getVisibleQuestionsForCurrentPage()) : []), g = w(() => o.value.length <= 1 ? 0 : Math.min(
|
|
786
792
|
1,
|
|
787
|
-
Math.max(0, p.value / (
|
|
793
|
+
Math.max(0, p.value / (o.value.length - 1))
|
|
788
794
|
)), h = w(() => p.value === 0), I = w(
|
|
789
|
-
() =>
|
|
795
|
+
() => o.value.length > 0 && p.value === o.value.length - 1
|
|
790
796
|
);
|
|
791
|
-
function
|
|
792
|
-
n.setAnswer(
|
|
797
|
+
function B(E, x) {
|
|
798
|
+
n.setAnswer(E, x);
|
|
793
799
|
}
|
|
794
|
-
function
|
|
795
|
-
return i.value[
|
|
800
|
+
function q(E) {
|
|
801
|
+
return i.value[E];
|
|
796
802
|
}
|
|
797
|
-
function
|
|
798
|
-
var
|
|
799
|
-
const
|
|
800
|
-
if (!
|
|
803
|
+
function j() {
|
|
804
|
+
var x;
|
|
805
|
+
const E = n.goToNext();
|
|
806
|
+
if (!E.valid)
|
|
801
807
|
try {
|
|
802
|
-
(
|
|
808
|
+
(x = s.onError) == null || x.call(
|
|
803
809
|
s,
|
|
804
810
|
new Error(
|
|
805
|
-
`Validation failed: ${Object.values(
|
|
811
|
+
`Validation failed: ${Object.values(E.errors).join(", ")}`
|
|
806
812
|
)
|
|
807
813
|
);
|
|
808
|
-
} catch (
|
|
809
|
-
console.error("[DtcOnboardingFlow] onError callback threw:",
|
|
814
|
+
} catch (Y) {
|
|
815
|
+
console.error("[DtcOnboardingFlow] onError callback threw:", Y);
|
|
810
816
|
}
|
|
811
817
|
}
|
|
812
|
-
function
|
|
818
|
+
function T() {
|
|
813
819
|
n.goToPrev();
|
|
814
820
|
}
|
|
815
|
-
return
|
|
821
|
+
return oe(() => {
|
|
816
822
|
c(), n.destroy();
|
|
817
823
|
}), {
|
|
818
824
|
engine: n,
|
|
819
825
|
currentPage: f,
|
|
820
826
|
currentPageIndex: p,
|
|
821
|
-
visiblePages:
|
|
827
|
+
visiblePages: o,
|
|
822
828
|
visibleQuestions: $,
|
|
823
829
|
answers: i,
|
|
824
|
-
validationErrors:
|
|
830
|
+
validationErrors: l,
|
|
825
831
|
progress: g,
|
|
826
832
|
isFirstPage: h,
|
|
827
833
|
isLastPage: I,
|
|
828
|
-
setAnswer:
|
|
829
|
-
getAnswer:
|
|
830
|
-
goToNext:
|
|
831
|
-
goToPrev:
|
|
834
|
+
setAnswer: B,
|
|
835
|
+
getAnswer: q,
|
|
836
|
+
goToNext: j,
|
|
837
|
+
goToPrev: T
|
|
832
838
|
};
|
|
833
839
|
}
|
|
834
|
-
const fs = /* @__PURE__ */
|
|
840
|
+
const fs = /* @__PURE__ */ F({
|
|
835
841
|
__name: "DtcProvider",
|
|
836
842
|
props: {
|
|
837
|
-
market: {},
|
|
838
843
|
initialAnswers: {},
|
|
844
|
+
skipPages: {},
|
|
839
845
|
onSubmit: { type: Function },
|
|
840
846
|
onPageChange: { type: Function },
|
|
841
847
|
onAnswerChange: { type: Function },
|
|
@@ -844,29 +850,29 @@ const fs = /* @__PURE__ */ R({
|
|
|
844
850
|
},
|
|
845
851
|
setup(s) {
|
|
846
852
|
const n = s, i = ps({
|
|
847
|
-
getMarket: () => n.market,
|
|
848
853
|
getInitialAnswers: () => n.initialAnswers,
|
|
854
|
+
getSkipPages: () => n.skipPages,
|
|
849
855
|
onSubmit: (r) => n.onSubmit(r),
|
|
850
|
-
onPageChange: (r,
|
|
851
|
-
var
|
|
852
|
-
return (
|
|
856
|
+
onPageChange: (r, l) => {
|
|
857
|
+
var o;
|
|
858
|
+
return (o = n.onPageChange) == null ? void 0 : o.call(n, r, l);
|
|
853
859
|
},
|
|
854
|
-
onAnswerChange: (r,
|
|
855
|
-
var
|
|
856
|
-
return (
|
|
860
|
+
onAnswerChange: (r, l) => {
|
|
861
|
+
var o;
|
|
862
|
+
return (o = n.onAnswerChange) == null ? void 0 : o.call(n, r, l);
|
|
857
863
|
},
|
|
858
864
|
onReady: () => {
|
|
859
865
|
var r;
|
|
860
866
|
return (r = n.onReady) == null ? void 0 : r.call(n);
|
|
861
867
|
},
|
|
862
868
|
onError: (r) => {
|
|
863
|
-
var
|
|
864
|
-
return (
|
|
869
|
+
var l;
|
|
870
|
+
return (l = n.onError) == null ? void 0 : l.call(n, r);
|
|
865
871
|
}
|
|
866
872
|
});
|
|
867
|
-
return ge("dtc-onboarding", i), (r,
|
|
873
|
+
return ge("dtc-onboarding", i), (r, l) => de(r.$slots, "default");
|
|
868
874
|
}
|
|
869
|
-
}), hs = ["src"], ms = /* @__PURE__ */
|
|
875
|
+
}), hs = ["src"], ms = /* @__PURE__ */ F({
|
|
870
876
|
__name: "DtcHeader",
|
|
871
877
|
props: {
|
|
872
878
|
partnerLogoUrl: {},
|
|
@@ -875,7 +881,7 @@ const fs = /* @__PURE__ */ R({
|
|
|
875
881
|
emits: ["close"],
|
|
876
882
|
setup(s, { emit: n }) {
|
|
877
883
|
const i = n;
|
|
878
|
-
return (r,
|
|
884
|
+
return (r, l) => (d(), y("header", {
|
|
879
885
|
class: e(r.$style.header)
|
|
880
886
|
}, [
|
|
881
887
|
t("div", {
|
|
@@ -886,7 +892,7 @@ const fs = /* @__PURE__ */ R({
|
|
|
886
892
|
src: s.partnerLogoUrl,
|
|
887
893
|
alt: "Partner",
|
|
888
894
|
class: e(r.$style.headerPartnerLogo)
|
|
889
|
-
}, null, 10, hs)) :
|
|
895
|
+
}, null, 10, hs)) : D("", !0),
|
|
890
896
|
(d(), y("svg", {
|
|
891
897
|
width: "90",
|
|
892
898
|
height: "18",
|
|
@@ -896,7 +902,7 @@ const fs = /* @__PURE__ */ R({
|
|
|
896
902
|
"aria-label": "Opendoor",
|
|
897
903
|
role: "img",
|
|
898
904
|
class: e(r.$style.headerOpendoorLogo)
|
|
899
|
-
}, [...
|
|
905
|
+
}, [...l[1] || (l[1] = [
|
|
900
906
|
t("path", {
|
|
901
907
|
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",
|
|
902
908
|
fill: "#235ca3"
|
|
@@ -908,8 +914,8 @@ const fs = /* @__PURE__ */ R({
|
|
|
908
914
|
type: "button",
|
|
909
915
|
class: e(r.$style.headerCloseButton),
|
|
910
916
|
"aria-label": "Close",
|
|
911
|
-
onClick:
|
|
912
|
-
}, [...
|
|
917
|
+
onClick: l[0] || (l[0] = (o) => i("close"))
|
|
918
|
+
}, [...l[2] || (l[2] = [
|
|
913
919
|
t("svg", {
|
|
914
920
|
width: "24",
|
|
915
921
|
height: "24",
|
|
@@ -933,7 +939,7 @@ const fs = /* @__PURE__ */ R({
|
|
|
933
939
|
y2: "18"
|
|
934
940
|
})
|
|
935
941
|
], -1)
|
|
936
|
-
])], 2)) :
|
|
942
|
+
])], 2)) : D("", !0)
|
|
937
943
|
], 2));
|
|
938
944
|
}
|
|
939
945
|
}), gs = "_header_uo1uz_2", bs = "_headerLogos_uo1uz_12", $s = "_headerPartnerLogo_uo1uz_18", Cs = "_headerOpendoorLogo_uo1uz_24", ks = "_headerCloseButton_uo1uz_28", _s = {
|
|
@@ -944,155 +950,155 @@ const fs = /* @__PURE__ */ R({
|
|
|
944
950
|
headerCloseButton: ks
|
|
945
951
|
}, ws = {
|
|
946
952
|
$style: _s
|
|
947
|
-
}, Ls = /* @__PURE__ */ V(ms, [["__cssModules", ws]]), Is = ["aria-label"], Ss = ["aria-checked", "tabindex", "onClick", "onKeydown"], Es = /* @__PURE__ */
|
|
953
|
+
}, Ls = /* @__PURE__ */ V(ms, [["__cssModules", ws]]), Is = ["aria-label"], Ss = ["aria-checked", "tabindex", "onClick", "onKeydown"], Es = /* @__PURE__ */ F({
|
|
948
954
|
__name: "RadioCardInput",
|
|
949
955
|
props: {
|
|
950
956
|
question: {}
|
|
951
957
|
},
|
|
952
958
|
setup(s) {
|
|
953
|
-
const n =
|
|
959
|
+
const n = Z("dtc-onboarding");
|
|
954
960
|
let i = null;
|
|
955
|
-
|
|
961
|
+
oe(() => {
|
|
956
962
|
i && clearTimeout(i);
|
|
957
963
|
});
|
|
958
|
-
function r(
|
|
959
|
-
n.setAnswer(
|
|
964
|
+
function r(o, c) {
|
|
965
|
+
n.setAnswer(o.key, c), o.autoAdvance && (i && clearTimeout(i), i = setTimeout(() => n.goToNext(), 150));
|
|
960
966
|
}
|
|
961
|
-
function o
|
|
967
|
+
function l(o, c, u) {
|
|
962
968
|
var $, g;
|
|
963
969
|
const p = u.options;
|
|
964
970
|
if (!p) return;
|
|
965
971
|
let f = null;
|
|
966
|
-
if (
|
|
967
|
-
const h = ($ =
|
|
972
|
+
if (o.key === "ArrowDown" || o.key === "ArrowRight" ? (o.preventDefault(), f = (c + 1) % p.length) : (o.key === "ArrowUp" || o.key === "ArrowLeft") && (o.preventDefault(), f = (c - 1 + p.length) % p.length), f !== null) {
|
|
973
|
+
const h = ($ = o.currentTarget.closest('[role="radiogroup"]')) == null ? void 0 : $.querySelectorAll('[role="radio"]');
|
|
968
974
|
(g = h == null ? void 0 : h[f]) == null || g.focus(), r(u, p[f].value);
|
|
969
975
|
}
|
|
970
976
|
}
|
|
971
|
-
return (
|
|
972
|
-
class: e(
|
|
977
|
+
return (o, c) => (d(), y("div", {
|
|
978
|
+
class: e(o.$style.radioCardGroup),
|
|
973
979
|
role: "radiogroup",
|
|
974
980
|
"aria-label": s.question.label
|
|
975
981
|
}, [
|
|
976
|
-
(d(!0), y(
|
|
982
|
+
(d(!0), y(O, null, Q(s.question.options, (u, p) => (d(), y("button", {
|
|
977
983
|
key: String(u.value),
|
|
978
984
|
type: "button",
|
|
979
985
|
role: "radio",
|
|
980
|
-
"aria-checked":
|
|
981
|
-
tabindex:
|
|
986
|
+
"aria-checked": M(n).getAnswer(s.question.key) === u.value,
|
|
987
|
+
tabindex: M(n).getAnswer(s.question.key) === u.value || p === 0 && M(n).getAnswer(s.question.key) === void 0 ? 0 : -1,
|
|
982
988
|
class: e([
|
|
983
|
-
|
|
984
|
-
|
|
989
|
+
o.$style.radioCard,
|
|
990
|
+
M(n).getAnswer(s.question.key) === u.value ? o.$style.radioCardSelected : ""
|
|
985
991
|
]),
|
|
986
992
|
onClick: (f) => r(s.question, u.value),
|
|
987
|
-
onKeydown: (f) =>
|
|
993
|
+
onKeydown: (f) => l(f, p, s.question)
|
|
988
994
|
}, [
|
|
989
995
|
t("span", {
|
|
990
|
-
class: e(
|
|
996
|
+
class: e(o.$style.radioCardLabel)
|
|
991
997
|
}, _(u.label), 3),
|
|
992
998
|
u.description ? (d(), y("span", {
|
|
993
999
|
key: 0,
|
|
994
|
-
class: e(
|
|
995
|
-
}, _(u.description), 3)) :
|
|
1000
|
+
class: e(o.$style.radioCardDescription)
|
|
1001
|
+
}, _(u.description), 3)) : D("", !0)
|
|
996
1002
|
], 42, Ss))), 128)),
|
|
997
|
-
|
|
1003
|
+
M(n).validationErrors.value[s.question.key] ? (d(), y("p", {
|
|
998
1004
|
key: 0,
|
|
999
|
-
class: e(
|
|
1005
|
+
class: e(o.$style.fieldError),
|
|
1000
1006
|
role: "alert"
|
|
1001
|
-
}, _(
|
|
1007
|
+
}, _(M(n).validationErrors.value[s.question.key]), 3)) : D("", !0)
|
|
1002
1008
|
], 10, Is));
|
|
1003
1009
|
}
|
|
1004
|
-
}), Ds = "_radioCardGroup_11rwj_2",
|
|
1010
|
+
}), 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 = {
|
|
1005
1011
|
radioCardGroup: Ds,
|
|
1006
|
-
radioCard:
|
|
1007
|
-
radioCardSelected:
|
|
1012
|
+
radioCard: qs,
|
|
1013
|
+
radioCardSelected: Ms,
|
|
1008
1014
|
radioCardLabel: As,
|
|
1009
1015
|
radioCardDescription: Ts,
|
|
1010
1016
|
fieldError: Bs
|
|
1011
1017
|
}, Fs = {
|
|
1012
1018
|
$style: Ps
|
|
1013
1019
|
}, Rs = /* @__PURE__ */ V(Es, [["__cssModules", Fs]]), Gs = "https://images.opendoor.com/source/s3/imgdrop-production", Hs = "service=reception-fe&dpr=2&fit=scale-down";
|
|
1014
|
-
function
|
|
1020
|
+
function N(s, n = "3:2-sm") {
|
|
1015
1021
|
return `${Gs}/${s}?${Hs}&preset=${n}`;
|
|
1016
1022
|
}
|
|
1017
|
-
const
|
|
1023
|
+
const js = {
|
|
1018
1024
|
// Kitchen
|
|
1019
|
-
"kitchen-fixer_upper":
|
|
1020
|
-
"kitchen-dated":
|
|
1021
|
-
"kitchen-standard":
|
|
1022
|
-
"kitchen-high_end":
|
|
1023
|
-
"kitchen-luxury":
|
|
1025
|
+
"kitchen-fixer_upper": N("2023-04-1681772974083-61414.png"),
|
|
1026
|
+
"kitchen-dated": N("2023-04-1681772974089-39460.png"),
|
|
1027
|
+
"kitchen-standard": N("2023-04-1681772974093-51260.png"),
|
|
1028
|
+
"kitchen-high_end": N("2023-04-1682444345875-57331.jpeg", "3:2-xl"),
|
|
1029
|
+
"kitchen-luxury": N("2023-04-1682444629335-69661.jpeg", "3:2-xl"),
|
|
1024
1030
|
// Bathroom
|
|
1025
|
-
"bathroom-fixer_upper":
|
|
1026
|
-
"bathroom-dated":
|
|
1027
|
-
"bathroom-standard":
|
|
1028
|
-
"bathroom-high_end":
|
|
1029
|
-
"bathroom-luxury":
|
|
1031
|
+
"bathroom-fixer_upper": N("2023-04-1682103091299-33543.jpeg"),
|
|
1032
|
+
"bathroom-dated": N("2023-04-1681773104207-98555.png"),
|
|
1033
|
+
"bathroom-standard": N("2023-04-1682103088251-79730.jpeg", "3:2-xl"),
|
|
1034
|
+
"bathroom-high_end": N("2023-04-1681773104214-77488.png"),
|
|
1035
|
+
"bathroom-luxury": N("2023-04-1681773104217-27390.png"),
|
|
1030
1036
|
// Living Room
|
|
1031
|
-
"living-room-fixer_upper":
|
|
1032
|
-
"living-room-dated":
|
|
1033
|
-
"living-room-standard":
|
|
1034
|
-
"living-room-high_end":
|
|
1035
|
-
"living-room-luxury":
|
|
1037
|
+
"living-room-fixer_upper": N("2023-04-1681773170815-60328.png"),
|
|
1038
|
+
"living-room-dated": N("2023-04-1681773170823-03451.png"),
|
|
1039
|
+
"living-room-standard": N("2023-04-1681773170826-47471.png"),
|
|
1040
|
+
"living-room-high_end": N("2023-04-1681773170828-76415.png"),
|
|
1041
|
+
"living-room-luxury": N("2023-04-1681773170832-20699.png"),
|
|
1036
1042
|
// Exterior
|
|
1037
|
-
"exterior-fixer_upper":
|
|
1038
|
-
"exterior-dated":
|
|
1039
|
-
"exterior-standard":
|
|
1040
|
-
"exterior-high_end":
|
|
1041
|
-
"exterior-luxury":
|
|
1042
|
-
},
|
|
1043
|
+
"exterior-fixer_upper": N("2023-04-1681773220493-46489.png"),
|
|
1044
|
+
"exterior-dated": N("2023-04-1681773220495-22229.png"),
|
|
1045
|
+
"exterior-standard": N("2023-04-1681773220498-64940.png"),
|
|
1046
|
+
"exterior-high_end": N("2023-04-1682103085417-24272.jpeg", "3:2-md"),
|
|
1047
|
+
"exterior-luxury": N("2023-04-1681773220487-59852.png")
|
|
1048
|
+
}, Ns = ["aria-label"], Os = ["aria-checked", "onClick"], Vs = ["src", "alt"], xs = /* @__PURE__ */ F({
|
|
1043
1049
|
__name: "ImageCardInput",
|
|
1044
1050
|
props: {
|
|
1045
1051
|
question: {}
|
|
1046
1052
|
},
|
|
1047
1053
|
setup(s) {
|
|
1048
|
-
const n =
|
|
1054
|
+
const n = Z("dtc-onboarding");
|
|
1049
1055
|
let i = null;
|
|
1050
|
-
|
|
1056
|
+
oe(() => {
|
|
1051
1057
|
i && clearTimeout(i);
|
|
1052
1058
|
});
|
|
1053
|
-
function r(
|
|
1054
|
-
n.setAnswer(
|
|
1059
|
+
function r(o, c) {
|
|
1060
|
+
n.setAnswer(o.key, c), o.autoAdvance && (i && clearTimeout(i), i = setTimeout(() => n.goToNext(), 300));
|
|
1055
1061
|
}
|
|
1056
|
-
function o
|
|
1057
|
-
return
|
|
1062
|
+
function l(o) {
|
|
1063
|
+
return o ? js[o] : void 0;
|
|
1058
1064
|
}
|
|
1059
|
-
return (
|
|
1060
|
-
class: e(
|
|
1065
|
+
return (o, c) => (d(), y("div", {
|
|
1066
|
+
class: e(o.$style.imageCardGroup),
|
|
1061
1067
|
role: "radiogroup",
|
|
1062
1068
|
"aria-label": s.question.label
|
|
1063
1069
|
}, [
|
|
1064
|
-
(d(!0), y(
|
|
1070
|
+
(d(!0), y(O, null, Q(s.question.options, (u) => (d(), y("button", {
|
|
1065
1071
|
key: String(u.value),
|
|
1066
1072
|
type: "button",
|
|
1067
1073
|
role: "radio",
|
|
1068
|
-
"aria-checked":
|
|
1074
|
+
"aria-checked": M(n).getAnswer(s.question.key) === u.value,
|
|
1069
1075
|
class: e([
|
|
1070
|
-
|
|
1071
|
-
|
|
1076
|
+
o.$style.imageCard,
|
|
1077
|
+
M(n).getAnswer(s.question.key) === u.value ? o.$style.imageCardSelected : ""
|
|
1072
1078
|
]),
|
|
1073
1079
|
onClick: (p) => r(s.question, u.value)
|
|
1074
1080
|
}, [
|
|
1075
|
-
|
|
1081
|
+
l(u.imageId) ? (d(), y("img", {
|
|
1076
1082
|
key: 0,
|
|
1077
|
-
src:
|
|
1083
|
+
src: l(u.imageId),
|
|
1078
1084
|
alt: u.label,
|
|
1079
|
-
class: e(
|
|
1085
|
+
class: e(o.$style.imageCardPhoto),
|
|
1080
1086
|
loading: "lazy"
|
|
1081
|
-
}, null, 10, Vs)) :
|
|
1087
|
+
}, null, 10, Vs)) : D("", !0),
|
|
1082
1088
|
t("span", {
|
|
1083
|
-
class: e(
|
|
1089
|
+
class: e(o.$style.imageCardLabel)
|
|
1084
1090
|
}, _(u.label), 3),
|
|
1085
1091
|
u.description ? (d(), y("span", {
|
|
1086
1092
|
key: 1,
|
|
1087
|
-
class: e(
|
|
1088
|
-
}, _(u.description), 3)) :
|
|
1089
|
-
], 10,
|
|
1090
|
-
|
|
1093
|
+
class: e(o.$style.imageCardDescription)
|
|
1094
|
+
}, _(u.description), 3)) : D("", !0)
|
|
1095
|
+
], 10, Os))), 128)),
|
|
1096
|
+
M(n).validationErrors.value[s.question.key] ? (d(), y("p", {
|
|
1091
1097
|
key: 0,
|
|
1092
|
-
class: e(
|
|
1098
|
+
class: e(o.$style.fieldError),
|
|
1093
1099
|
role: "alert"
|
|
1094
|
-
}, _(
|
|
1095
|
-
], 10,
|
|
1100
|
+
}, _(M(n).validationErrors.value[s.question.key]), 3)) : D("", !0)
|
|
1101
|
+
], 10, Ns));
|
|
1096
1102
|
}
|
|
1097
1103
|
}), 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 = {
|
|
1098
1104
|
imageCardGroup: Us,
|
|
@@ -1110,18 +1116,18 @@ const Ns = {
|
|
|
1110
1116
|
height: "12",
|
|
1111
1117
|
viewBox: "0 0 12 12",
|
|
1112
1118
|
fill: "none"
|
|
1113
|
-
}, an = /* @__PURE__ */
|
|
1119
|
+
}, an = /* @__PURE__ */ F({
|
|
1114
1120
|
__name: "CheckboxCardInput",
|
|
1115
1121
|
props: {
|
|
1116
1122
|
question: {}
|
|
1117
1123
|
},
|
|
1118
1124
|
setup(s) {
|
|
1119
|
-
const n = s, i =
|
|
1125
|
+
const n = s, i = Z("dtc-onboarding"), r = w(
|
|
1120
1126
|
() => i.getAnswer(n.question.key) ?? []
|
|
1121
|
-
),
|
|
1127
|
+
), l = w(
|
|
1122
1128
|
() => i.validationErrors.value[n.question.key]
|
|
1123
1129
|
);
|
|
1124
|
-
function
|
|
1130
|
+
function o(c) {
|
|
1125
1131
|
var f;
|
|
1126
1132
|
const u = (f = n.question.options) == null ? void 0 : f.find(($) => $.value === c);
|
|
1127
1133
|
if (u != null && u.exclusive) {
|
|
@@ -1145,7 +1151,7 @@ const Ns = {
|
|
|
1145
1151
|
role: "group",
|
|
1146
1152
|
"aria-label": s.question.label
|
|
1147
1153
|
}, [
|
|
1148
|
-
(d(!0), y(
|
|
1154
|
+
(d(!0), y(O, null, Q(s.question.options, (p) => (d(), y("button", {
|
|
1149
1155
|
key: String(p.value),
|
|
1150
1156
|
type: "button",
|
|
1151
1157
|
role: "checkbox",
|
|
@@ -1154,7 +1160,7 @@ const Ns = {
|
|
|
1154
1160
|
c.$style.checkboxCard,
|
|
1155
1161
|
r.value.includes(String(p.value)) ? c.$style.checkboxCardSelected : ""
|
|
1156
1162
|
]),
|
|
1157
|
-
onClick: (f) =>
|
|
1163
|
+
onClick: (f) => o(String(p.value))
|
|
1158
1164
|
}, [
|
|
1159
1165
|
t("span", {
|
|
1160
1166
|
class: e(c.$style.checkboxCardContent)
|
|
@@ -1165,7 +1171,7 @@ const Ns = {
|
|
|
1165
1171
|
p.helperText ? (d(), y("span", {
|
|
1166
1172
|
key: 0,
|
|
1167
1173
|
class: e(c.$style.checkboxCardHelper)
|
|
1168
|
-
}, _(p.helperText), 3)) :
|
|
1174
|
+
}, _(p.helperText), 3)) : D("", !0)
|
|
1169
1175
|
], 2),
|
|
1170
1176
|
t("span", {
|
|
1171
1177
|
class: e([
|
|
@@ -1181,19 +1187,19 @@ const Ns = {
|
|
|
1181
1187
|
"stroke-linecap": "round",
|
|
1182
1188
|
"stroke-linejoin": "round"
|
|
1183
1189
|
}, null, -1)
|
|
1184
|
-
])])) :
|
|
1190
|
+
])])) : D("", !0)
|
|
1185
1191
|
], 2)
|
|
1186
1192
|
], 10, sn))), 128)),
|
|
1187
|
-
|
|
1193
|
+
l.value ? (d(), y("p", {
|
|
1188
1194
|
key: 0,
|
|
1189
1195
|
class: e(c.$style.fieldError),
|
|
1190
1196
|
role: "alert"
|
|
1191
|
-
}, _(
|
|
1197
|
+
}, _(l.value), 3)) : D("", !0)
|
|
1192
1198
|
], 10, tn));
|
|
1193
1199
|
}
|
|
1194
|
-
}),
|
|
1195
|
-
checkboxCardGroup:
|
|
1196
|
-
checkboxCard:
|
|
1200
|
+
}), 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 = {
|
|
1201
|
+
checkboxCardGroup: ln,
|
|
1202
|
+
checkboxCard: on,
|
|
1197
1203
|
checkboxCardSelected: rn,
|
|
1198
1204
|
checkboxCardContent: un,
|
|
1199
1205
|
checkboxCardLabel: dn,
|
|
@@ -1203,14 +1209,14 @@ const Ns = {
|
|
|
1203
1209
|
fieldError: pn
|
|
1204
1210
|
}, hn = {
|
|
1205
1211
|
$style: fn
|
|
1206
|
-
}, mn = /* @__PURE__ */ V(an, [["__cssModules", hn]]), gn = ["for"], bn = ["id", "value", "aria-invalid", "aria-describedby"], $n = { value: "" }, Cn = ["value"], kn = ["id"], _n = /* @__PURE__ */
|
|
1212
|
+
}, mn = /* @__PURE__ */ V(an, [["__cssModules", hn]]), gn = ["for"], bn = ["id", "value", "aria-invalid", "aria-describedby"], $n = { value: "" }, Cn = ["value"], kn = ["id"], _n = /* @__PURE__ */ F({
|
|
1207
1213
|
__name: "DropdownInput",
|
|
1208
1214
|
props: {
|
|
1209
1215
|
question: {}
|
|
1210
1216
|
},
|
|
1211
1217
|
setup(s) {
|
|
1212
1218
|
let n = 0;
|
|
1213
|
-
const i = s, r =
|
|
1219
|
+
const i = s, r = Z("dtc-onboarding"), l = `dd-${++n}`, o = w(() => r.getAnswer(i.question.key)), c = w(
|
|
1214
1220
|
() => r.validationErrors.value[i.question.key]
|
|
1215
1221
|
);
|
|
1216
1222
|
function u(p) {
|
|
@@ -1222,62 +1228,62 @@ const Ns = {
|
|
|
1222
1228
|
}, [
|
|
1223
1229
|
t("label", {
|
|
1224
1230
|
class: e(p.$style.fieldLabel),
|
|
1225
|
-
for: `${
|
|
1231
|
+
for: `${l}-${s.question.key}`
|
|
1226
1232
|
}, _(s.question.label), 11, gn),
|
|
1227
1233
|
s.question.description ? (d(), y("p", {
|
|
1228
1234
|
key: 0,
|
|
1229
1235
|
class: e(p.$style.fieldDescription)
|
|
1230
|
-
}, _(s.question.description), 3)) :
|
|
1236
|
+
}, _(s.question.description), 3)) : D("", !0),
|
|
1231
1237
|
t("select", {
|
|
1232
|
-
id: `${
|
|
1238
|
+
id: `${l}-${s.question.key}`,
|
|
1233
1239
|
class: e([p.$style.fieldSelect, c.value ? p.$style.fieldSelectError : ""]),
|
|
1234
|
-
value:
|
|
1240
|
+
value: o.value !== void 0 ? String(o.value) : "",
|
|
1235
1241
|
"aria-invalid": c.value ? "true" : void 0,
|
|
1236
|
-
"aria-describedby": c.value ? `${
|
|
1242
|
+
"aria-describedby": c.value ? `${l}-${s.question.key}-error` : void 0,
|
|
1237
1243
|
onChange: u
|
|
1238
1244
|
}, [
|
|
1239
1245
|
t("option", $n, _(s.question.placeholder || "Select..."), 1),
|
|
1240
|
-
(d(!0), y(
|
|
1246
|
+
(d(!0), y(O, null, Q(s.question.options, ($) => (d(), y("option", {
|
|
1241
1247
|
key: String($.value),
|
|
1242
1248
|
value: String($.value)
|
|
1243
1249
|
}, _($.label), 9, Cn))), 128))
|
|
1244
1250
|
], 42, bn),
|
|
1245
1251
|
c.value ? (d(), y("p", {
|
|
1246
1252
|
key: 1,
|
|
1247
|
-
id: `${
|
|
1253
|
+
id: `${l}-${s.question.key}-error`,
|
|
1248
1254
|
class: e(p.$style.fieldError),
|
|
1249
1255
|
role: "alert"
|
|
1250
|
-
}, _(c.value), 11, kn)) :
|
|
1256
|
+
}, _(c.value), 11, kn)) : D("", !0)
|
|
1251
1257
|
], 2));
|
|
1252
1258
|
}
|
|
1253
|
-
}), wn = "_fieldGroup_qcbne_2", Ln = "_fieldLabel_qcbne_8", In = "_fieldDescription_qcbne_15", Sn = "_fieldSelect_qcbne_22", En = "_fieldSelectError_qcbne_47", Dn = "_fieldError_qcbne_51",
|
|
1259
|
+
}), 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 = {
|
|
1254
1260
|
fieldGroup: wn,
|
|
1255
1261
|
fieldLabel: Ln,
|
|
1256
1262
|
fieldDescription: In,
|
|
1257
1263
|
fieldSelect: Sn,
|
|
1258
1264
|
fieldSelectError: En,
|
|
1259
1265
|
fieldError: Dn
|
|
1260
|
-
},
|
|
1261
|
-
$style:
|
|
1262
|
-
}, An = /* @__PURE__ */ V(_n, [["__cssModules",
|
|
1266
|
+
}, Mn = {
|
|
1267
|
+
$style: qn
|
|
1268
|
+
}, An = /* @__PURE__ */ V(_n, [["__cssModules", Mn]]), Tn = ["for"], Bn = ["id", "type", "inputmode", "value", "placeholder", "aria-invalid", "aria-describedby"], Pn = ["id"], Fn = /* @__PURE__ */ F({
|
|
1263
1269
|
__name: "TextInput",
|
|
1264
1270
|
props: {
|
|
1265
1271
|
question: {}
|
|
1266
1272
|
},
|
|
1267
1273
|
setup(s) {
|
|
1268
1274
|
let n = 0;
|
|
1269
|
-
const i = s, r =
|
|
1275
|
+
const i = s, r = Z("dtc-onboarding"), l = `ti-${++n}`, o = w(() => r.getAnswer(i.question.key)), c = w(
|
|
1270
1276
|
() => r.validationErrors.value[i.question.key]
|
|
1271
1277
|
), u = w(
|
|
1272
|
-
() =>
|
|
1278
|
+
() => o.value !== void 0 && o.value !== null ? String(o.value) : ""
|
|
1273
1279
|
), p = w(() => i.question.type === "number" ? "text" : i.question.style === "email" ? "email" : "text"), f = w(
|
|
1274
1280
|
() => i.question.type === "number" ? "numeric" : void 0
|
|
1275
1281
|
);
|
|
1276
1282
|
function $(g) {
|
|
1277
1283
|
const h = g.target.value;
|
|
1278
1284
|
if (i.question.type === "number") {
|
|
1279
|
-
const I = h.replace(/[^0-9.]/g, ""),
|
|
1280
|
-
r.setAnswer(i.question.key,
|
|
1285
|
+
const I = h.replace(/[^0-9.]/g, ""), B = I === "" ? void 0 : Number(I), q = B !== void 0 && isNaN(B) ? void 0 : B;
|
|
1286
|
+
r.setAnswer(i.question.key, q);
|
|
1281
1287
|
} else
|
|
1282
1288
|
r.setAnswer(i.question.key, h || void 0);
|
|
1283
1289
|
}
|
|
@@ -1286,61 +1292,61 @@ const Ns = {
|
|
|
1286
1292
|
}, [
|
|
1287
1293
|
t("label", {
|
|
1288
1294
|
class: e(g.$style.fieldLabel),
|
|
1289
|
-
for: `${
|
|
1295
|
+
for: `${l}-${s.question.key}`
|
|
1290
1296
|
}, _(s.question.label), 11, Tn),
|
|
1291
1297
|
s.question.description ? (d(), y("p", {
|
|
1292
1298
|
key: 0,
|
|
1293
1299
|
class: e(g.$style.fieldDescription)
|
|
1294
|
-
}, _(s.question.description), 3)) :
|
|
1300
|
+
}, _(s.question.description), 3)) : D("", !0),
|
|
1295
1301
|
t("div", {
|
|
1296
1302
|
class: e(g.$style.fieldInputWrapper)
|
|
1297
1303
|
}, [
|
|
1298
1304
|
t("input", {
|
|
1299
|
-
id: `${
|
|
1305
|
+
id: `${l}-${s.question.key}`,
|
|
1300
1306
|
type: p.value,
|
|
1301
1307
|
inputmode: f.value,
|
|
1302
1308
|
class: e([g.$style.fieldInput, c.value ? g.$style.fieldInputError : ""]),
|
|
1303
1309
|
value: u.value,
|
|
1304
1310
|
placeholder: s.question.placeholder,
|
|
1305
1311
|
"aria-invalid": c.value ? "true" : void 0,
|
|
1306
|
-
"aria-describedby": c.value ? `${
|
|
1312
|
+
"aria-describedby": c.value ? `${l}-${s.question.key}-error` : void 0,
|
|
1307
1313
|
onInput: $
|
|
1308
1314
|
}, null, 42, Bn),
|
|
1309
1315
|
s.question.suffix ? (d(), y("span", {
|
|
1310
1316
|
key: 0,
|
|
1311
1317
|
class: e(g.$style.fieldSuffix)
|
|
1312
|
-
}, _(s.question.suffix), 3)) :
|
|
1318
|
+
}, _(s.question.suffix), 3)) : D("", !0)
|
|
1313
1319
|
], 2),
|
|
1314
1320
|
c.value ? (d(), y("p", {
|
|
1315
1321
|
key: 1,
|
|
1316
|
-
id: `${
|
|
1322
|
+
id: `${l}-${s.question.key}-error`,
|
|
1317
1323
|
class: e(g.$style.fieldError),
|
|
1318
1324
|
role: "alert"
|
|
1319
|
-
}, _(c.value), 11, Pn)) :
|
|
1325
|
+
}, _(c.value), 11, Pn)) : D("", !0)
|
|
1320
1326
|
], 2));
|
|
1321
1327
|
}
|
|
1322
|
-
}), Rn = "_fieldGroup_1jlim_2", Gn = "_fieldLabel_1jlim_8", Hn = "_fieldDescription_1jlim_15",
|
|
1328
|
+
}), 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 = {
|
|
1323
1329
|
fieldGroup: Rn,
|
|
1324
1330
|
fieldLabel: Gn,
|
|
1325
1331
|
fieldDescription: Hn,
|
|
1326
|
-
fieldInputWrapper:
|
|
1327
|
-
fieldInput:
|
|
1328
|
-
fieldInputError:
|
|
1332
|
+
fieldInputWrapper: jn,
|
|
1333
|
+
fieldInput: Nn,
|
|
1334
|
+
fieldInputError: On,
|
|
1329
1335
|
fieldSuffix: Vn,
|
|
1330
1336
|
fieldError: xn
|
|
1331
1337
|
}, Zn = {
|
|
1332
1338
|
$style: Un
|
|
1333
|
-
}, zn = /* @__PURE__ */ V(Fn, [["__cssModules", Zn]]), Wn = ["for"], Kn = ["id", "value", "placeholder", "aria-invalid", "aria-describedby"], Qn = ["id"], Yn = /* @__PURE__ */
|
|
1339
|
+
}, zn = /* @__PURE__ */ V(Fn, [["__cssModules", Zn]]), Wn = ["for"], Kn = ["id", "value", "placeholder", "aria-invalid", "aria-describedby"], Qn = ["id"], Yn = /* @__PURE__ */ F({
|
|
1334
1340
|
__name: "CurrencyInput",
|
|
1335
1341
|
props: {
|
|
1336
1342
|
question: {}
|
|
1337
1343
|
},
|
|
1338
1344
|
setup(s) {
|
|
1339
1345
|
let n = 0;
|
|
1340
|
-
const i = s, r =
|
|
1346
|
+
const i = s, r = Z("dtc-onboarding"), l = `ci-${++n}`, o = w(() => r.getAnswer(i.question.key)), c = w(
|
|
1341
1347
|
() => r.validationErrors.value[i.question.key]
|
|
1342
1348
|
), u = w(
|
|
1343
|
-
() =>
|
|
1349
|
+
() => o.value !== void 0 && o.value !== null ? String(o.value) : ""
|
|
1344
1350
|
);
|
|
1345
1351
|
function p(f) {
|
|
1346
1352
|
const $ = f.target.value.replace(/[^0-9]/g, ""), g = $ === "" ? void 0 : Number($);
|
|
@@ -1354,7 +1360,7 @@ const Ns = {
|
|
|
1354
1360
|
}, [
|
|
1355
1361
|
t("label", {
|
|
1356
1362
|
class: e(f.$style.fieldLabel),
|
|
1357
|
-
for: `${
|
|
1363
|
+
for: `${l}-${s.question.key}`
|
|
1358
1364
|
}, _(s.question.label), 11, Wn),
|
|
1359
1365
|
t("div", {
|
|
1360
1366
|
class: e(f.$style.currencyWrapper)
|
|
@@ -1363,26 +1369,26 @@ const Ns = {
|
|
|
1363
1369
|
class: e(f.$style.currencyPrefix)
|
|
1364
1370
|
}, "$", 2),
|
|
1365
1371
|
t("input", {
|
|
1366
|
-
id: `${
|
|
1372
|
+
id: `${l}-${s.question.key}`,
|
|
1367
1373
|
type: "text",
|
|
1368
1374
|
inputmode: "numeric",
|
|
1369
1375
|
class: e([f.$style.currencyInput, c.value ? f.$style.fieldInputError : ""]),
|
|
1370
1376
|
value: u.value,
|
|
1371
1377
|
placeholder: s.question.placeholder,
|
|
1372
1378
|
"aria-invalid": c.value ? "true" : void 0,
|
|
1373
|
-
"aria-describedby": c.value ? `${
|
|
1379
|
+
"aria-describedby": c.value ? `${l}-${s.question.key}-error` : void 0,
|
|
1374
1380
|
onInput: p
|
|
1375
1381
|
}, null, 42, Kn)
|
|
1376
1382
|
], 2),
|
|
1377
1383
|
c.value ? (d(), y("p", {
|
|
1378
1384
|
key: 0,
|
|
1379
|
-
id: `${
|
|
1385
|
+
id: `${l}-${s.question.key}-error`,
|
|
1380
1386
|
class: e(f.$style.fieldError),
|
|
1381
1387
|
role: "alert"
|
|
1382
|
-
}, _(c.value), 11, Qn)) :
|
|
1388
|
+
}, _(c.value), 11, Qn)) : D("", !0)
|
|
1383
1389
|
], 2));
|
|
1384
1390
|
}
|
|
1385
|
-
}), 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",
|
|
1391
|
+
}), 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 = {
|
|
1386
1392
|
fieldGroup: Xn,
|
|
1387
1393
|
fieldLabel: Jn,
|
|
1388
1394
|
currencyWrapper: ea,
|
|
@@ -1390,16 +1396,16 @@ const Ns = {
|
|
|
1390
1396
|
currencyInput: sa,
|
|
1391
1397
|
fieldInputError: na,
|
|
1392
1398
|
fieldError: aa
|
|
1393
|
-
},
|
|
1394
|
-
$style:
|
|
1395
|
-
}, ra = /* @__PURE__ */ V(Yn, [["__cssModules",
|
|
1399
|
+
}, oa = {
|
|
1400
|
+
$style: la
|
|
1401
|
+
}, ra = /* @__PURE__ */ V(Yn, [["__cssModules", oa]]), ia = ["for"], ua = ["id", "value", "placeholder", "aria-invalid", "aria-describedby"], da = ["id"], ca = /* @__PURE__ */ F({
|
|
1396
1402
|
__name: "PhoneInput",
|
|
1397
1403
|
props: {
|
|
1398
1404
|
question: {}
|
|
1399
1405
|
},
|
|
1400
1406
|
setup(s) {
|
|
1401
1407
|
let n = 0;
|
|
1402
|
-
const i = s, r =
|
|
1408
|
+
const i = s, r = Z("dtc-onboarding"), l = `pi-${++n}`, o = w(
|
|
1403
1409
|
() => r.getAnswer(i.question.key) ?? ""
|
|
1404
1410
|
), c = w(
|
|
1405
1411
|
() => r.validationErrors.value[i.question.key]
|
|
@@ -1417,24 +1423,24 @@ const Ns = {
|
|
|
1417
1423
|
}, [
|
|
1418
1424
|
t("label", {
|
|
1419
1425
|
class: e(f.$style.fieldLabel),
|
|
1420
|
-
for: `${
|
|
1426
|
+
for: `${l}-${s.question.key}`
|
|
1421
1427
|
}, _(s.question.label), 11, ia),
|
|
1422
1428
|
t("input", {
|
|
1423
|
-
id: `${
|
|
1429
|
+
id: `${l}-${s.question.key}`,
|
|
1424
1430
|
type: "tel",
|
|
1425
1431
|
class: e([f.$style.fieldInput, c.value ? f.$style.fieldInputError : ""]),
|
|
1426
|
-
value: u(
|
|
1432
|
+
value: u(o.value),
|
|
1427
1433
|
placeholder: s.question.placeholder || "(555) 555-5555",
|
|
1428
1434
|
"aria-invalid": c.value ? "true" : void 0,
|
|
1429
|
-
"aria-describedby": c.value ? `${
|
|
1435
|
+
"aria-describedby": c.value ? `${l}-${s.question.key}-error` : void 0,
|
|
1430
1436
|
onInput: p
|
|
1431
1437
|
}, null, 42, ua),
|
|
1432
1438
|
c.value ? (d(), y("p", {
|
|
1433
1439
|
key: 0,
|
|
1434
|
-
id: `${
|
|
1440
|
+
id: `${l}-${s.question.key}-error`,
|
|
1435
1441
|
class: e(f.$style.fieldError),
|
|
1436
1442
|
role: "alert"
|
|
1437
|
-
}, _(c.value), 11, da)) :
|
|
1443
|
+
}, _(c.value), 11, da)) : D("", !0)
|
|
1438
1444
|
], 2));
|
|
1439
1445
|
}
|
|
1440
1446
|
}), va = "_fieldGroup_p6z3v_2", ya = "_fieldLabel_p6z3v_8", pa = "_fieldInput_p6z3v_15", fa = "_fieldInputError_p6z3v_37", ha = "_fieldError_p6z3v_41", ma = {
|
|
@@ -1445,15 +1451,15 @@ const Ns = {
|
|
|
1445
1451
|
fieldError: ha
|
|
1446
1452
|
}, ga = {
|
|
1447
1453
|
$style: ma
|
|
1448
|
-
}, ba = /* @__PURE__ */ V(ca, [["__cssModules", ga]]), $a = ["checked"], Ca = /* @__PURE__ */
|
|
1454
|
+
}, ba = /* @__PURE__ */ V(ca, [["__cssModules", ga]]), $a = ["checked"], Ca = /* @__PURE__ */ F({
|
|
1449
1455
|
__name: "ToggleInput",
|
|
1450
1456
|
props: {
|
|
1451
1457
|
question: {}
|
|
1452
1458
|
},
|
|
1453
1459
|
setup(s) {
|
|
1454
|
-
const n = s, i =
|
|
1460
|
+
const n = s, i = Z("dtc-onboarding"), r = Z("dtc-consent-slots", {}), l = w(
|
|
1455
1461
|
() => i.getAnswer(n.question.key)
|
|
1456
|
-
),
|
|
1462
|
+
), o = w(() => n.question.label), c = w(
|
|
1457
1463
|
() => n.question.key === "seller.sms_opt_in" && !!r["sms-consent-text"]
|
|
1458
1464
|
);
|
|
1459
1465
|
function u(p) {
|
|
@@ -1471,17 +1477,17 @@ const Ns = {
|
|
|
1471
1477
|
t("input", {
|
|
1472
1478
|
type: "checkbox",
|
|
1473
1479
|
class: e(p.$style.toggleCheckbox),
|
|
1474
|
-
checked:
|
|
1480
|
+
checked: l.value === !0,
|
|
1475
1481
|
onChange: u
|
|
1476
1482
|
}, null, 42, $a),
|
|
1477
1483
|
t("span", {
|
|
1478
1484
|
class: e(p.$style.toggleText)
|
|
1479
1485
|
}, [
|
|
1480
|
-
c.value ? (d(),
|
|
1486
|
+
c.value ? (d(), K(Be(() => {
|
|
1481
1487
|
var $, g;
|
|
1482
|
-
return (g = ($ =
|
|
1483
|
-
}), { key: 0 })) : (d(), y(
|
|
1484
|
-
me(_(
|
|
1488
|
+
return (g = ($ = M(r))["sms-consent-text"]) == null ? void 0 : g.call($);
|
|
1489
|
+
}), { key: 0 })) : (d(), y(O, { key: 1 }, [
|
|
1490
|
+
me(_(o.value), 1)
|
|
1485
1491
|
], 64))
|
|
1486
1492
|
], 2)
|
|
1487
1493
|
], 2)
|
|
@@ -1494,7 +1500,7 @@ const Ns = {
|
|
|
1494
1500
|
toggleText: La
|
|
1495
1501
|
}, Sa = {
|
|
1496
1502
|
$style: Ia
|
|
1497
|
-
}, Ea = /* @__PURE__ */ V(Ca, [["__cssModules", Sa]]), Da = ["value", "placeholder", "aria-label", "aria-expanded", "aria-invalid", "aria-describedby", "aria-controls", "aria-activedescendant"],
|
|
1503
|
+
}, 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({
|
|
1498
1504
|
__name: "SearchableDropdownInput",
|
|
1499
1505
|
props: {
|
|
1500
1506
|
question: {}
|
|
@@ -1504,91 +1510,91 @@ const Ns = {
|
|
|
1504
1510
|
function i(v) {
|
|
1505
1511
|
const k = {};
|
|
1506
1512
|
for (let S = v; S; S = S.parentElement) {
|
|
1507
|
-
const
|
|
1508
|
-
for (let
|
|
1509
|
-
const
|
|
1510
|
-
|
|
1513
|
+
const A = S.style;
|
|
1514
|
+
for (let P = 0; P < A.length; P++) {
|
|
1515
|
+
const W = A[P];
|
|
1516
|
+
W.startsWith("--od-") && !(W in k) && (k[W] = A.getPropertyValue(W));
|
|
1511
1517
|
}
|
|
1512
1518
|
}
|
|
1513
1519
|
return k;
|
|
1514
1520
|
}
|
|
1515
|
-
const r = s,
|
|
1521
|
+
const r = s, l = Z("dtc-onboarding"), o = Z(
|
|
1516
1522
|
"opendoor-client",
|
|
1517
1523
|
void 0
|
|
1518
1524
|
), c = `sd-${++n}`, u = `${c}-${r.question.key}-listbox`, p = `${c}-${r.question.key}-combobox`, f = w(
|
|
1519
|
-
() =>
|
|
1525
|
+
() => l.getAnswer(r.question.key)
|
|
1520
1526
|
), $ = w(
|
|
1521
|
-
() =>
|
|
1522
|
-
), g = L(""), h = L(!1), I = L([]),
|
|
1527
|
+
() => l.validationErrors.value[r.question.key]
|
|
1528
|
+
), 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({});
|
|
1523
1529
|
ee(
|
|
1524
|
-
[() => r.question.dataSource, () => r.question.options, () =>
|
|
1530
|
+
[() => r.question.dataSource, () => r.question.options, () => o == null ? void 0 : o.value],
|
|
1525
1531
|
(v, k, S) => {
|
|
1526
|
-
let
|
|
1532
|
+
let A = !1;
|
|
1527
1533
|
S(() => {
|
|
1528
|
-
|
|
1529
|
-
}), r.question.dataSource === "homebuilders" && (
|
|
1530
|
-
|
|
1531
|
-
label:
|
|
1532
|
-
value:
|
|
1534
|
+
A = !0;
|
|
1535
|
+
}), r.question.dataSource === "homebuilders" && (o != null && o.value) ? (B.value = !0, o.value.getHomebuilders().then((P) => {
|
|
1536
|
+
A || (I.value = P.homebuilders.map((W) => ({
|
|
1537
|
+
label: W.displayName,
|
|
1538
|
+
value: W.identifier
|
|
1533
1539
|
})));
|
|
1534
1540
|
}).catch(() => {
|
|
1535
|
-
|
|
1536
|
-
label:
|
|
1537
|
-
value: String(
|
|
1541
|
+
A || (r.question.options ? I.value = r.question.options.map((P) => ({
|
|
1542
|
+
label: P.label,
|
|
1543
|
+
value: String(P.value)
|
|
1538
1544
|
})) : I.value = []);
|
|
1539
1545
|
}).finally(() => {
|
|
1540
|
-
|
|
1541
|
-
})) : r.question.options ? I.value = r.question.options.map((
|
|
1542
|
-
label:
|
|
1543
|
-
value: String(
|
|
1546
|
+
A || (B.value = !1);
|
|
1547
|
+
})) : r.question.options ? I.value = r.question.options.map((P) => ({
|
|
1548
|
+
label: P.label,
|
|
1549
|
+
value: String(P.value)
|
|
1544
1550
|
})) : I.value = [];
|
|
1545
1551
|
},
|
|
1546
1552
|
{ immediate: !0 }
|
|
1547
1553
|
);
|
|
1548
|
-
const
|
|
1554
|
+
const E = w(
|
|
1549
1555
|
() => g.value ? I.value.filter(
|
|
1550
1556
|
(v) => v.label.toLowerCase().includes(g.value.toLowerCase())
|
|
1551
1557
|
) : I.value
|
|
1552
|
-
),
|
|
1558
|
+
), x = w(
|
|
1553
1559
|
() => {
|
|
1554
1560
|
var v;
|
|
1555
1561
|
return (v = I.value.find((k) => k.value === f.value)) == null ? void 0 : v.label;
|
|
1556
1562
|
}
|
|
1557
1563
|
);
|
|
1558
|
-
function
|
|
1559
|
-
|
|
1564
|
+
function Y(v) {
|
|
1565
|
+
l.setAnswer(r.question.key, v), h.value = !1, g.value = "", q.value = -1;
|
|
1560
1566
|
}
|
|
1561
1567
|
function re(v) {
|
|
1562
|
-
g.value = v.target.value,
|
|
1568
|
+
g.value = v.target.value, q.value = -1, h.value || (h.value = !0);
|
|
1563
1569
|
}
|
|
1564
|
-
function
|
|
1570
|
+
function J(v) {
|
|
1565
1571
|
if (!h.value) {
|
|
1566
1572
|
(v.key === "ArrowDown" || v.key === "Enter") && (v.preventDefault(), h.value = !0);
|
|
1567
1573
|
return;
|
|
1568
1574
|
}
|
|
1569
1575
|
switch (v.key) {
|
|
1570
1576
|
case "ArrowDown":
|
|
1571
|
-
v.preventDefault(),
|
|
1577
|
+
v.preventDefault(), E.value.length > 0 && (q.value = q.value < E.value.length - 1 ? q.value + 1 : 0);
|
|
1572
1578
|
break;
|
|
1573
1579
|
case "ArrowUp":
|
|
1574
|
-
v.preventDefault(),
|
|
1580
|
+
v.preventDefault(), E.value.length > 0 && (q.value = q.value > 0 ? q.value - 1 : E.value.length - 1);
|
|
1575
1581
|
break;
|
|
1576
1582
|
case "Enter":
|
|
1577
|
-
v.preventDefault(),
|
|
1583
|
+
v.preventDefault(), q.value >= 0 && q.value < E.value.length && Y(E.value[q.value].value);
|
|
1578
1584
|
break;
|
|
1579
1585
|
case "Escape":
|
|
1580
|
-
v.preventDefault(), h.value = !1,
|
|
1586
|
+
v.preventDefault(), h.value = !1, q.value = -1;
|
|
1581
1587
|
break;
|
|
1582
1588
|
}
|
|
1583
1589
|
}
|
|
1584
|
-
function
|
|
1585
|
-
const v =
|
|
1590
|
+
function z() {
|
|
1591
|
+
const v = T.value;
|
|
1586
1592
|
if (!v) return;
|
|
1587
|
-
const k = v.getBoundingClientRect(), S = window.visualViewport,
|
|
1593
|
+
const k = v.getBoundingClientRect(), S = window.visualViewport, A = (S == null ? void 0 : S.height) ?? window.innerHeight, P = (S == null ? void 0 : S.width) ?? window.innerWidth, W = (S == null ? void 0 : S.offsetTop) ?? 0, ve = (S == null ? void 0 : S.offsetLeft) ?? 0, ye = W + A - k.bottom - Te - he, Ce = Math.max(
|
|
1588
1594
|
Ta,
|
|
1589
1595
|
Math.min(Aa, ye)
|
|
1590
|
-
), pe = Math.min(k.width,
|
|
1591
|
-
|
|
1596
|
+
), pe = Math.min(k.width, P - he * 2), ke = ve + he, _e = ve + P - pe - he, we = Math.max(ke, Math.min(k.left, _e));
|
|
1597
|
+
U.value = {
|
|
1592
1598
|
top: k.bottom + window.scrollY + Te,
|
|
1593
1599
|
left: we + window.scrollX,
|
|
1594
1600
|
width: pe,
|
|
@@ -1596,7 +1602,7 @@ const Ns = {
|
|
|
1596
1602
|
};
|
|
1597
1603
|
}
|
|
1598
1604
|
const ae = w(() => {
|
|
1599
|
-
const v =
|
|
1605
|
+
const v = U.value;
|
|
1600
1606
|
return v ? {
|
|
1601
1607
|
position: "absolute",
|
|
1602
1608
|
top: `${v.top}px`,
|
|
@@ -1604,45 +1610,45 @@ const Ns = {
|
|
|
1604
1610
|
right: "auto",
|
|
1605
1611
|
width: `${v.width}px`,
|
|
1606
1612
|
maxHeight: `${v.maxHeight}px`,
|
|
1607
|
-
...
|
|
1613
|
+
...G.value
|
|
1608
1614
|
} : { display: "none" };
|
|
1609
1615
|
});
|
|
1610
1616
|
let te = null;
|
|
1611
1617
|
function ie() {
|
|
1612
1618
|
const v = window.visualViewport;
|
|
1613
|
-
window.addEventListener("scroll",
|
|
1619
|
+
window.addEventListener("scroll", z, !0), window.addEventListener("resize", z), v == null || v.addEventListener("resize", z), v == null || v.addEventListener("scroll", z);
|
|
1614
1620
|
}
|
|
1615
1621
|
function se() {
|
|
1616
1622
|
const v = window.visualViewport;
|
|
1617
|
-
window.removeEventListener("scroll",
|
|
1623
|
+
window.removeEventListener("scroll", z, !0), window.removeEventListener("resize", z), v == null || v.removeEventListener("resize", z), v == null || v.removeEventListener("scroll", z), te !== null && (window.clearTimeout(te), te = null);
|
|
1618
1624
|
}
|
|
1619
1625
|
ee(h, (v) => {
|
|
1620
|
-
v ? (
|
|
1626
|
+
v ? (T.value && (G.value = i(T.value)), z(), ie(), te = window.setTimeout(z, 300)) : (U.value = null, se());
|
|
1621
1627
|
});
|
|
1622
1628
|
function b(v) {
|
|
1623
|
-
var S,
|
|
1629
|
+
var S, A;
|
|
1624
1630
|
const k = v.target;
|
|
1625
|
-
(S =
|
|
1631
|
+
(S = j.value) != null && S.contains(k) || (A = R.value) != null && A.contains(k) || (h.value = !1);
|
|
1626
1632
|
}
|
|
1627
1633
|
return be(() => {
|
|
1628
1634
|
document.addEventListener("mousedown", b);
|
|
1629
|
-
}),
|
|
1635
|
+
}), oe(() => {
|
|
1630
1636
|
document.removeEventListener("mousedown", b), se();
|
|
1631
1637
|
}), (v, k) => (d(), y("div", {
|
|
1632
1638
|
ref_key: "containerRef",
|
|
1633
|
-
ref:
|
|
1639
|
+
ref: j,
|
|
1634
1640
|
class: e(v.$style.fieldGroup)
|
|
1635
1641
|
}, [
|
|
1636
1642
|
t("div", {
|
|
1637
1643
|
ref_key: "anchorRef",
|
|
1638
|
-
ref:
|
|
1644
|
+
ref: T,
|
|
1639
1645
|
class: e(v.$style.searchableDropdown)
|
|
1640
1646
|
}, [
|
|
1641
1647
|
t("input", {
|
|
1642
1648
|
id: p,
|
|
1643
1649
|
type: "text",
|
|
1644
1650
|
class: e(v.$style.fieldInput),
|
|
1645
|
-
value: h.value ? g.value :
|
|
1651
|
+
value: h.value ? g.value : x.value ?? "",
|
|
1646
1652
|
placeholder: s.question.placeholder || "Select or search...",
|
|
1647
1653
|
"aria-label": s.question.label,
|
|
1648
1654
|
"aria-expanded": h.value,
|
|
@@ -1651,10 +1657,10 @@ const Ns = {
|
|
|
1651
1657
|
role: "combobox",
|
|
1652
1658
|
"aria-haspopup": "listbox",
|
|
1653
1659
|
"aria-controls": h.value ? u : void 0,
|
|
1654
|
-
"aria-activedescendant": h.value &&
|
|
1660
|
+
"aria-activedescendant": h.value && q.value >= 0 ? `${u}-option-${q.value}` : void 0,
|
|
1655
1661
|
onInput: re,
|
|
1656
1662
|
onFocus: k[0] || (k[0] = (S) => h.value = !0),
|
|
1657
|
-
onKeydown:
|
|
1663
|
+
onKeydown: J
|
|
1658
1664
|
}, null, 42, Da),
|
|
1659
1665
|
t("button", {
|
|
1660
1666
|
type: "button",
|
|
@@ -1679,159 +1685,159 @@ const Ns = {
|
|
|
1679
1685
|
], -1)
|
|
1680
1686
|
])], 2)
|
|
1681
1687
|
], 2),
|
|
1682
|
-
h.value ? (d(),
|
|
1688
|
+
h.value ? (d(), K(He, {
|
|
1683
1689
|
key: 0,
|
|
1684
1690
|
to: "body"
|
|
1685
1691
|
}, [
|
|
1686
1692
|
t("div", {
|
|
1687
1693
|
ref_key: "portalRef",
|
|
1688
|
-
ref:
|
|
1694
|
+
ref: R,
|
|
1689
1695
|
class: e(v.$style.searchableDropdownList),
|
|
1690
1696
|
role: "listbox",
|
|
1691
1697
|
id: u,
|
|
1692
|
-
style:
|
|
1698
|
+
style: X(ae.value)
|
|
1693
1699
|
}, [
|
|
1694
|
-
|
|
1700
|
+
B.value ? (d(), y("div", {
|
|
1695
1701
|
key: 0,
|
|
1696
1702
|
class: e(v.$style.searchableDropdownEmpty)
|
|
1697
|
-
}, " Loading... ", 2)) :
|
|
1703
|
+
}, " Loading... ", 2)) : E.value.length === 0 ? (d(), y("div", {
|
|
1698
1704
|
key: 1,
|
|
1699
1705
|
class: e(v.$style.searchableDropdownEmpty)
|
|
1700
|
-
}, " No results found ", 2)) : (d(!0), y(
|
|
1706
|
+
}, " No results found ", 2)) : (d(!0), y(O, { key: 2 }, Q(E.value, (S, A) => (d(), y("button", {
|
|
1701
1707
|
key: S.value,
|
|
1702
|
-
id: `${u}-option-${
|
|
1708
|
+
id: `${u}-option-${A}`,
|
|
1703
1709
|
type: "button",
|
|
1704
1710
|
role: "option",
|
|
1705
1711
|
"aria-selected": S.value === f.value,
|
|
1706
1712
|
class: e([
|
|
1707
1713
|
v.$style.searchableDropdownOption,
|
|
1708
1714
|
S.value === f.value ? v.$style.searchableDropdownOptionSelected : "",
|
|
1709
|
-
|
|
1715
|
+
A === q.value ? v.$style.searchableDropdownOptionHighlighted : ""
|
|
1710
1716
|
]),
|
|
1711
1717
|
onMousedown: k[2] || (k[2] = Ee(() => {
|
|
1712
1718
|
}, ["prevent"])),
|
|
1713
|
-
onClick: (
|
|
1714
|
-
}, _(S.label), 43,
|
|
1719
|
+
onClick: (P) => Y(S.value)
|
|
1720
|
+
}, _(S.label), 43, qa))), 128))
|
|
1715
1721
|
], 6)
|
|
1716
|
-
])) :
|
|
1722
|
+
])) : D("", !0),
|
|
1717
1723
|
$.value ? (d(), y("p", {
|
|
1718
1724
|
key: 1,
|
|
1719
1725
|
id: `${c}-${s.question.key}-error`,
|
|
1720
1726
|
class: e(v.$style.fieldError),
|
|
1721
1727
|
role: "alert"
|
|
1722
|
-
}, _($.value), 11,
|
|
1728
|
+
}, _($.value), 11, Ma)) : D("", !0)
|
|
1723
1729
|
], 2));
|
|
1724
1730
|
}
|
|
1725
|
-
}), Pa = "_fieldGroup_1adip_2", Fa = "_searchableDropdown_1adip_8", Ra = "_fieldInput_1adip_14", Ga = "_searchableDropdownToggle_1adip_40", Ha = "_searchableDropdownList_1adip_53",
|
|
1731
|
+
}), 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 = {
|
|
1726
1732
|
fieldGroup: Pa,
|
|
1727
1733
|
searchableDropdown: Fa,
|
|
1728
1734
|
fieldInput: Ra,
|
|
1729
1735
|
searchableDropdownToggle: Ga,
|
|
1730
1736
|
searchableDropdownList: Ha,
|
|
1731
|
-
searchableDropdownOption:
|
|
1732
|
-
searchableDropdownOptionSelected:
|
|
1733
|
-
searchableDropdownOptionHighlighted:
|
|
1737
|
+
searchableDropdownOption: ja,
|
|
1738
|
+
searchableDropdownOptionSelected: Na,
|
|
1739
|
+
searchableDropdownOptionHighlighted: Oa,
|
|
1734
1740
|
searchableDropdownEmpty: Va,
|
|
1735
1741
|
fieldError: xa
|
|
1736
1742
|
}, Za = {
|
|
1737
1743
|
$style: Ua
|
|
1738
|
-
}, za = /* @__PURE__ */ V(Ba, [["__cssModules", Za]]), Wa = ["aria-label"], Ka = /* @__PURE__ */
|
|
1744
|
+
}, za = /* @__PURE__ */ V(Ba, [["__cssModules", Za]]), Wa = ["aria-label"], Ka = /* @__PURE__ */ F({
|
|
1739
1745
|
__name: "DtcPage",
|
|
1740
1746
|
setup(s) {
|
|
1741
|
-
const n =
|
|
1747
|
+
const n = Z("dtc-onboarding"), i = Z("dtc-consent-slots", {}), r = L(null);
|
|
1742
1748
|
return ee(
|
|
1743
1749
|
() => {
|
|
1744
|
-
var
|
|
1745
|
-
return (
|
|
1750
|
+
var l;
|
|
1751
|
+
return (l = n.currentPage.value) == null ? void 0 : l.id;
|
|
1746
1752
|
},
|
|
1747
1753
|
() => {
|
|
1748
|
-
var
|
|
1749
|
-
(
|
|
1754
|
+
var l, o, c;
|
|
1755
|
+
(o = (l = r.value) == null ? void 0 : l.scrollTo) == null || o.call(l, { top: 0, behavior: "smooth" }), (c = r.value) == null || c.focus();
|
|
1750
1756
|
}
|
|
1751
|
-
), (
|
|
1757
|
+
), (l, o) => {
|
|
1752
1758
|
var c;
|
|
1753
|
-
return
|
|
1759
|
+
return M(n).currentPage.value ? (d(), y("div", {
|
|
1754
1760
|
key: 0,
|
|
1755
1761
|
ref_key: "containerRef",
|
|
1756
1762
|
ref: r,
|
|
1757
|
-
class: e(
|
|
1763
|
+
class: e(l.$style.pageContent),
|
|
1758
1764
|
tabindex: "-1",
|
|
1759
1765
|
role: "region",
|
|
1760
|
-
"aria-label":
|
|
1766
|
+
"aria-label": M(n).currentPage.value.title
|
|
1761
1767
|
}, [
|
|
1762
|
-
(d(!0), y(
|
|
1768
|
+
(d(!0), y(O, null, Q(M(n).visibleQuestions.value, (u) => (d(), y(O, {
|
|
1763
1769
|
key: u.key
|
|
1764
1770
|
}, [
|
|
1765
|
-
u.style === "radio-card" ? (d(),
|
|
1771
|
+
u.style === "radio-card" ? (d(), K(Rs, {
|
|
1766
1772
|
key: 0,
|
|
1767
1773
|
question: u
|
|
1768
|
-
}, null, 8, ["question"])) : u.style === "image-card" ? (d(),
|
|
1774
|
+
}, null, 8, ["question"])) : u.style === "image-card" ? (d(), K(en, {
|
|
1769
1775
|
key: 1,
|
|
1770
1776
|
question: u
|
|
1771
|
-
}, null, 8, ["question"])) : u.style === "checkbox-card" ? (d(),
|
|
1777
|
+
}, null, 8, ["question"])) : u.style === "checkbox-card" ? (d(), K(mn, {
|
|
1772
1778
|
key: 2,
|
|
1773
1779
|
question: u
|
|
1774
|
-
}, null, 8, ["question"])) : u.style === "dropdown" ? (d(),
|
|
1780
|
+
}, null, 8, ["question"])) : u.style === "dropdown" ? (d(), K(An, {
|
|
1775
1781
|
key: 3,
|
|
1776
1782
|
question: u
|
|
1777
|
-
}, null, 8, ["question"])) : u.style === "input" || u.style === "email" ? (d(),
|
|
1783
|
+
}, null, 8, ["question"])) : u.style === "input" || u.style === "email" ? (d(), K(zn, {
|
|
1778
1784
|
key: 4,
|
|
1779
1785
|
question: u
|
|
1780
|
-
}, null, 8, ["question"])) : u.style === "currency" ? (d(),
|
|
1786
|
+
}, null, 8, ["question"])) : u.style === "currency" ? (d(), K(ra, {
|
|
1781
1787
|
key: 5,
|
|
1782
1788
|
question: u
|
|
1783
|
-
}, null, 8, ["question"])) : u.style === "phone" ? (d(),
|
|
1789
|
+
}, null, 8, ["question"])) : u.style === "phone" ? (d(), K(ba, {
|
|
1784
1790
|
key: 6,
|
|
1785
1791
|
question: u
|
|
1786
|
-
}, null, 8, ["question"])) : u.style === "toggle" ? (d(),
|
|
1792
|
+
}, null, 8, ["question"])) : u.style === "toggle" ? (d(), K(Ea, {
|
|
1787
1793
|
key: 7,
|
|
1788
1794
|
question: u
|
|
1789
|
-
}, null, 8, ["question"])) : u.style === "searchable-dropdown" ? (d(),
|
|
1795
|
+
}, null, 8, ["question"])) : u.style === "searchable-dropdown" ? (d(), K(za, {
|
|
1790
1796
|
key: 8,
|
|
1791
1797
|
question: u
|
|
1792
|
-
}, null, 8, ["question"])) :
|
|
1798
|
+
}, null, 8, ["question"])) : D("", !0)
|
|
1793
1799
|
], 64))), 128)),
|
|
1794
|
-
((c =
|
|
1800
|
+
((c = M(n).currentPage.value) == null ? void 0 : c.id) === "contact-info" ? (d(), y(O, { key: 0 }, [
|
|
1795
1801
|
t("button", {
|
|
1796
1802
|
type: "button",
|
|
1797
|
-
class: e(
|
|
1798
|
-
onClick:
|
|
1799
|
-
}, _(
|
|
1800
|
-
|
|
1803
|
+
class: e(l.$style.ctaButton),
|
|
1804
|
+
onClick: o[0] || (o[0] = (u) => M(n).goToNext())
|
|
1805
|
+
}, _(M(n).currentPage.value.submitLabel ?? "Next"), 3),
|
|
1806
|
+
M(i)["contact-consent-text"] ? (d(), K(Be(() => {
|
|
1801
1807
|
var u, p;
|
|
1802
|
-
return (p = (u =
|
|
1808
|
+
return (p = (u = M(i))["contact-consent-text"]) == null ? void 0 : p.call(u);
|
|
1803
1809
|
}), { key: 0 })) : (d(), y("p", {
|
|
1804
1810
|
key: 1,
|
|
1805
|
-
class: e(
|
|
1811
|
+
class: e(l.$style.consentText)
|
|
1806
1812
|
}, [
|
|
1807
|
-
me(" By pressing “" + _(
|
|
1813
|
+
me(" By pressing “" + _(M(n).currentPage.value.submitLabel ?? "Next") + ",” I agree to Opendoor’s ", 1),
|
|
1808
1814
|
t("a", {
|
|
1809
1815
|
href: "https://www.opendoor.com/terms",
|
|
1810
1816
|
target: "_blank",
|
|
1811
1817
|
rel: "noopener noreferrer",
|
|
1812
|
-
class: e(
|
|
1818
|
+
class: e(l.$style.consentLink)
|
|
1813
1819
|
}, "Terms of Service", 2),
|
|
1814
|
-
|
|
1820
|
+
o[1] || (o[1] = me(" and ", -1)),
|
|
1815
1821
|
t("a", {
|
|
1816
1822
|
href: "https://www.opendoor.com/privacy",
|
|
1817
1823
|
target: "_blank",
|
|
1818
1824
|
rel: "noopener noreferrer",
|
|
1819
|
-
class: e(
|
|
1825
|
+
class: e(l.$style.consentLink)
|
|
1820
1826
|
}, "Privacy Policy", 2),
|
|
1821
|
-
|
|
1827
|
+
o[2] || (o[2] = me(". ", -1))
|
|
1822
1828
|
], 2))
|
|
1823
|
-
], 64)) :
|
|
1824
|
-
], 10, Wa)) :
|
|
1829
|
+
], 64)) : D("", !0)
|
|
1830
|
+
], 10, Wa)) : D("", !0);
|
|
1825
1831
|
};
|
|
1826
1832
|
}
|
|
1827
|
-
}), Qa = "_pageContent_1jpin_2", Ya = "_consentText_1jpin_13", Xa = "_consentLink_1jpin_21", Ja = "_ctaButton_1jpin_26",
|
|
1833
|
+
}), Qa = "_pageContent_1jpin_2", Ya = "_consentText_1jpin_13", Xa = "_consentLink_1jpin_21", Ja = "_ctaButton_1jpin_26", el = {
|
|
1828
1834
|
pageContent: Qa,
|
|
1829
1835
|
consentText: Ya,
|
|
1830
1836
|
consentLink: Xa,
|
|
1831
1837
|
ctaButton: Ja
|
|
1832
|
-
},
|
|
1833
|
-
$style:
|
|
1834
|
-
},
|
|
1838
|
+
}, tl = {
|
|
1839
|
+
$style: el
|
|
1840
|
+
}, sl = /* @__PURE__ */ V(Ka, [["__cssModules", tl]]), nl = ["aria-valuenow"], al = /* @__PURE__ */ F({
|
|
1835
1841
|
__name: "DtcProgressBar",
|
|
1836
1842
|
props: {
|
|
1837
1843
|
progress: {}
|
|
@@ -1840,7 +1846,7 @@ const Ns = {
|
|
|
1840
1846
|
const n = s, i = w(
|
|
1841
1847
|
() => Math.min(100, Math.max(0, n.progress * 100))
|
|
1842
1848
|
);
|
|
1843
|
-
return (r,
|
|
1849
|
+
return (r, l) => (d(), y("div", {
|
|
1844
1850
|
class: e(r.$style.progressBar),
|
|
1845
1851
|
role: "progressbar",
|
|
1846
1852
|
"aria-valuenow": i.value,
|
|
@@ -1849,47 +1855,47 @@ const Ns = {
|
|
|
1849
1855
|
}, [
|
|
1850
1856
|
t("div", {
|
|
1851
1857
|
class: e(r.$style.progressBarFill),
|
|
1852
|
-
style:
|
|
1858
|
+
style: X({ width: `${i.value}%` })
|
|
1853
1859
|
}, null, 6)
|
|
1854
|
-
], 10,
|
|
1860
|
+
], 10, nl));
|
|
1855
1861
|
}
|
|
1856
|
-
}),
|
|
1857
|
-
progressBar:
|
|
1858
|
-
progressBarFill:
|
|
1859
|
-
},
|
|
1860
|
-
$style:
|
|
1861
|
-
},
|
|
1862
|
+
}), ll = "_progressBar_y1k9k_2", ol = "_progressBarFill_y1k9k_9", rl = {
|
|
1863
|
+
progressBar: ll,
|
|
1864
|
+
progressBarFill: ol
|
|
1865
|
+
}, il = {
|
|
1866
|
+
$style: rl
|
|
1867
|
+
}, ul = /* @__PURE__ */ V(al, [["__cssModules", il]]), dl = { key: 1 }, cl = /* @__PURE__ */ F({
|
|
1862
1868
|
__name: "DtcNavigation",
|
|
1863
1869
|
setup(s) {
|
|
1864
|
-
const n =
|
|
1870
|
+
const n = Z("dtc-onboarding"), i = w(
|
|
1865
1871
|
() => {
|
|
1866
|
-
var
|
|
1867
|
-
return ((
|
|
1872
|
+
var l;
|
|
1873
|
+
return ((l = n.currentPage.value) == null ? void 0 : l.submitLabel) ?? "Next";
|
|
1868
1874
|
}
|
|
1869
1875
|
), r = w(
|
|
1870
1876
|
() => {
|
|
1871
|
-
var
|
|
1872
|
-
return ((
|
|
1877
|
+
var l;
|
|
1878
|
+
return ((l = n.currentPage.value) == null ? void 0 : l.id) === "contact-info";
|
|
1873
1879
|
}
|
|
1874
1880
|
);
|
|
1875
|
-
return (
|
|
1881
|
+
return (l, o) => r.value ? D("", !0) : (d(), y("nav", {
|
|
1876
1882
|
key: 0,
|
|
1877
|
-
class: e(
|
|
1883
|
+
class: e(l.$style.navigation),
|
|
1878
1884
|
"aria-label": "Page navigation"
|
|
1879
1885
|
}, [
|
|
1880
|
-
ue(
|
|
1881
|
-
progress:
|
|
1886
|
+
ue(ul, {
|
|
1887
|
+
progress: M(n).progress.value
|
|
1882
1888
|
}, null, 8, ["progress"]),
|
|
1883
1889
|
t("div", {
|
|
1884
|
-
class: e(
|
|
1890
|
+
class: e(l.$style.navigationButtons)
|
|
1885
1891
|
}, [
|
|
1886
|
-
|
|
1892
|
+
M(n).isFirstPage.value ? (d(), y("div", dl)) : (d(), y("button", {
|
|
1887
1893
|
key: 0,
|
|
1888
1894
|
type: "button",
|
|
1889
|
-
class: e(
|
|
1895
|
+
class: e(l.$style.backButton),
|
|
1890
1896
|
"aria-label": "Go back",
|
|
1891
|
-
onClick:
|
|
1892
|
-
}, [...
|
|
1897
|
+
onClick: o[0] || (o[0] = (c) => M(n).goToPrev())
|
|
1898
|
+
}, [...o[2] || (o[2] = [
|
|
1893
1899
|
t("svg", {
|
|
1894
1900
|
width: "24",
|
|
1895
1901
|
height: "24",
|
|
@@ -1905,26 +1911,26 @@ const Ns = {
|
|
|
1905
1911
|
])], 2)),
|
|
1906
1912
|
t("button", {
|
|
1907
1913
|
type: "button",
|
|
1908
|
-
class: e(
|
|
1909
|
-
onClick:
|
|
1914
|
+
class: e(l.$style.nextButton),
|
|
1915
|
+
onClick: o[1] || (o[1] = (c) => M(n).goToNext())
|
|
1910
1916
|
}, _(i.value), 3)
|
|
1911
1917
|
], 2)
|
|
1912
1918
|
], 2));
|
|
1913
1919
|
}
|
|
1914
|
-
}),
|
|
1915
|
-
navigation:
|
|
1916
|
-
navigationButtons:
|
|
1917
|
-
backButton:
|
|
1918
|
-
nextButton:
|
|
1919
|
-
},
|
|
1920
|
-
$style:
|
|
1921
|
-
},
|
|
1920
|
+
}), vl = "_navigation_14jpi_2", yl = "_navigationButtons_14jpi_16", pl = "_backButton_14jpi_22", fl = "_nextButton_14jpi_45", hl = {
|
|
1921
|
+
navigation: vl,
|
|
1922
|
+
navigationButtons: yl,
|
|
1923
|
+
backButton: pl,
|
|
1924
|
+
nextButton: fl
|
|
1925
|
+
}, ml = {
|
|
1926
|
+
$style: hl
|
|
1927
|
+
}, gl = /* @__PURE__ */ V(cl, [["__cssModules", ml]]), bl = /* @__PURE__ */ F({
|
|
1922
1928
|
__name: "DtcLayout",
|
|
1923
1929
|
props: {
|
|
1924
1930
|
address: {}
|
|
1925
1931
|
},
|
|
1926
1932
|
setup(s) {
|
|
1927
|
-
const n = s, i =
|
|
1933
|
+
const n = s, i = Z("dtc-onboarding"), r = w(
|
|
1928
1934
|
() => [
|
|
1929
1935
|
n.address.street1,
|
|
1930
1936
|
n.address.street2,
|
|
@@ -1933,15 +1939,15 @@ const Ns = {
|
|
|
1933
1939
|
n.address.postalCode
|
|
1934
1940
|
].filter(Boolean).join(", ")
|
|
1935
1941
|
);
|
|
1936
|
-
return (
|
|
1942
|
+
return (l, o) => M(i).currentPage.value ? (d(), y("div", {
|
|
1937
1943
|
key: 0,
|
|
1938
|
-
class: e(
|
|
1944
|
+
class: e(l.$style.layout)
|
|
1939
1945
|
}, [
|
|
1940
1946
|
t("div", {
|
|
1941
|
-
class: e(
|
|
1947
|
+
class: e(l.$style.layoutScrollable)
|
|
1942
1948
|
}, [
|
|
1943
1949
|
t("div", {
|
|
1944
|
-
class: e(
|
|
1950
|
+
class: e(l.$style.addressBar)
|
|
1945
1951
|
}, [
|
|
1946
1952
|
(d(), y("svg", {
|
|
1947
1953
|
width: "16",
|
|
@@ -1950,8 +1956,8 @@ const Ns = {
|
|
|
1950
1956
|
fill: "none",
|
|
1951
1957
|
stroke: "currentColor",
|
|
1952
1958
|
"stroke-width": "2",
|
|
1953
|
-
class: e(
|
|
1954
|
-
}, [...
|
|
1959
|
+
class: e(l.$style.addressIcon)
|
|
1960
|
+
}, [...o[0] || (o[0] = [
|
|
1955
1961
|
t("circle", {
|
|
1956
1962
|
cx: "12",
|
|
1957
1963
|
cy: "10",
|
|
@@ -1960,75 +1966,75 @@ const Ns = {
|
|
|
1960
1966
|
t("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)
|
|
1961
1967
|
])], 2)),
|
|
1962
1968
|
t("span", {
|
|
1963
|
-
class: e(
|
|
1969
|
+
class: e(l.$style.addressText)
|
|
1964
1970
|
}, _(r.value), 3)
|
|
1965
1971
|
], 2),
|
|
1966
1972
|
t("div", {
|
|
1967
|
-
class: e(
|
|
1973
|
+
class: e(l.$style.contentSplit)
|
|
1968
1974
|
}, [
|
|
1969
1975
|
t("div", {
|
|
1970
|
-
class: e(
|
|
1976
|
+
class: e(l.$style.contentLeft)
|
|
1971
1977
|
}, [
|
|
1972
1978
|
t("h1", {
|
|
1973
|
-
class: e(
|
|
1974
|
-
}, _(
|
|
1975
|
-
|
|
1979
|
+
class: e(l.$style.pageTitle)
|
|
1980
|
+
}, _(M(i).currentPage.value.title), 3),
|
|
1981
|
+
M(i).currentPage.value.subtitle ? (d(), y("p", {
|
|
1976
1982
|
key: 0,
|
|
1977
|
-
class: e(
|
|
1978
|
-
}, _(
|
|
1983
|
+
class: e(l.$style.pageSubtitle)
|
|
1984
|
+
}, _(M(i).currentPage.value.subtitle), 3)) : D("", !0)
|
|
1979
1985
|
], 2),
|
|
1980
1986
|
t("div", {
|
|
1981
|
-
class: e(
|
|
1987
|
+
class: e(l.$style.contentRight)
|
|
1982
1988
|
}, [
|
|
1983
|
-
ue(
|
|
1989
|
+
ue(sl)
|
|
1984
1990
|
], 2)
|
|
1985
1991
|
], 2)
|
|
1986
1992
|
], 2),
|
|
1987
|
-
ue(
|
|
1988
|
-
], 2)) :
|
|
1993
|
+
ue(gl)
|
|
1994
|
+
], 2)) : D("", !0);
|
|
1989
1995
|
}
|
|
1990
|
-
}),
|
|
1991
|
-
layout:
|
|
1992
|
-
layoutScrollable:
|
|
1993
|
-
addressBar:
|
|
1994
|
-
addressIcon:
|
|
1995
|
-
addressText:
|
|
1996
|
-
contentSplit:
|
|
1997
|
-
contentLeft:
|
|
1998
|
-
contentRight:
|
|
1999
|
-
pageTitle:
|
|
2000
|
-
pageSubtitle:
|
|
2001
|
-
},
|
|
2002
|
-
$style:
|
|
2003
|
-
},
|
|
1996
|
+
}), $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 = {
|
|
1997
|
+
layout: $l,
|
|
1998
|
+
layoutScrollable: Cl,
|
|
1999
|
+
addressBar: kl,
|
|
2000
|
+
addressIcon: _l,
|
|
2001
|
+
addressText: wl,
|
|
2002
|
+
contentSplit: Ll,
|
|
2003
|
+
contentLeft: Il,
|
|
2004
|
+
contentRight: Sl,
|
|
2005
|
+
pageTitle: El,
|
|
2006
|
+
pageSubtitle: Dl
|
|
2007
|
+
}, Ml = {
|
|
2008
|
+
$style: ql
|
|
2009
|
+
}, Al = /* @__PURE__ */ V(bl, [["__cssModules", Ml]]), Tl = /* @__PURE__ */ F({
|
|
2004
2010
|
__name: "DtcOnboardingFlow",
|
|
2005
2011
|
props: {
|
|
2006
2012
|
address: {},
|
|
2007
2013
|
partnerLogoUrl: {},
|
|
2008
2014
|
appearance: { default: () => ({ theme: "minimal" }) },
|
|
2009
2015
|
initialAnswers: {},
|
|
2010
|
-
|
|
2016
|
+
skipPages: {},
|
|
2011
2017
|
onClose: {}
|
|
2012
2018
|
},
|
|
2013
2019
|
emits: ["submit", "page-change", "answer-change", "ready", "error"],
|
|
2014
2020
|
setup(s, { emit: n }) {
|
|
2015
|
-
const i = s, r =
|
|
2021
|
+
const i = s, r = je();
|
|
2016
2022
|
ge("dtc-consent-slots", r);
|
|
2017
|
-
const
|
|
2023
|
+
const l = n, o = w(() => ce(i.appearance));
|
|
2018
2024
|
function c(h) {
|
|
2019
|
-
|
|
2025
|
+
l("submit", h);
|
|
2020
2026
|
}
|
|
2021
2027
|
function u(h, I) {
|
|
2022
|
-
|
|
2028
|
+
l("page-change", h, I);
|
|
2023
2029
|
}
|
|
2024
2030
|
function p(h, I) {
|
|
2025
|
-
|
|
2031
|
+
l("answer-change", h, I);
|
|
2026
2032
|
}
|
|
2027
2033
|
function f() {
|
|
2028
|
-
|
|
2034
|
+
l("ready");
|
|
2029
2035
|
}
|
|
2030
2036
|
function $(h) {
|
|
2031
|
-
|
|
2037
|
+
l("error", h);
|
|
2032
2038
|
}
|
|
2033
2039
|
function g() {
|
|
2034
2040
|
var h;
|
|
@@ -2036,34 +2042,34 @@ const Ns = {
|
|
|
2036
2042
|
}
|
|
2037
2043
|
return (h, I) => (d(), y("div", {
|
|
2038
2044
|
class: e(h.$style.container),
|
|
2039
|
-
style:
|
|
2045
|
+
style: X(o.value)
|
|
2040
2046
|
}, [
|
|
2041
2047
|
ue(fs, {
|
|
2042
|
-
market: s.market,
|
|
2043
2048
|
"initial-answers": s.initialAnswers,
|
|
2049
|
+
"skip-pages": s.skipPages,
|
|
2044
2050
|
"on-submit": c,
|
|
2045
2051
|
"on-page-change": u,
|
|
2046
2052
|
"on-answer-change": p,
|
|
2047
2053
|
"on-ready": f,
|
|
2048
2054
|
"on-error": $
|
|
2049
2055
|
}, {
|
|
2050
|
-
default:
|
|
2056
|
+
default: Ne(() => [
|
|
2051
2057
|
ue(Ls, {
|
|
2052
2058
|
"partner-logo-url": s.partnerLogoUrl,
|
|
2053
2059
|
"show-close-button": !!s.onClose,
|
|
2054
2060
|
onClose: g
|
|
2055
2061
|
}, null, 8, ["partner-logo-url", "show-close-button"]),
|
|
2056
|
-
ue(
|
|
2062
|
+
ue(Al, { address: s.address }, null, 8, ["address"])
|
|
2057
2063
|
]),
|
|
2058
2064
|
_: 1
|
|
2059
|
-
}, 8, ["
|
|
2065
|
+
}, 8, ["initial-answers", "skip-pages"])
|
|
2060
2066
|
], 6));
|
|
2061
2067
|
}
|
|
2062
|
-
}),
|
|
2063
|
-
container:
|
|
2064
|
-
},
|
|
2065
|
-
$style:
|
|
2066
|
-
}, er = /* @__PURE__ */ V(
|
|
2068
|
+
}), Bl = "_container_kjhh7_2", Pl = {
|
|
2069
|
+
container: Bl
|
|
2070
|
+
}, Fl = {
|
|
2071
|
+
$style: Pl
|
|
2072
|
+
}, 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({
|
|
2067
2073
|
__name: "ScheduleAssessmentFlow",
|
|
2068
2074
|
props: {
|
|
2069
2075
|
offerId: {},
|
|
@@ -2074,15 +2080,15 @@ const Ns = {
|
|
|
2074
2080
|
},
|
|
2075
2081
|
emits: ["scheduled", "done", "ready", "error"],
|
|
2076
2082
|
setup(s, { emit: n }) {
|
|
2077
|
-
const i = s, r = n,
|
|
2083
|
+
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);
|
|
2078
2084
|
be(async () => {
|
|
2079
2085
|
try {
|
|
2080
|
-
const a = await
|
|
2086
|
+
const a = await l.value.getAssessmentSlots({
|
|
2081
2087
|
offerId: i.offerId
|
|
2082
2088
|
});
|
|
2083
2089
|
if (f.value = a.availableSlots, $.value = a.timezone, a.availableSlots.length > 0)
|
|
2084
|
-
g.value =
|
|
2085
|
-
|
|
2090
|
+
g.value = P(
|
|
2091
|
+
A(a.availableSlots[0], a.timezone)
|
|
2086
2092
|
);
|
|
2087
2093
|
else {
|
|
2088
2094
|
const m = /* @__PURE__ */ new Date();
|
|
@@ -2096,49 +2102,49 @@ const Ns = {
|
|
|
2096
2102
|
g.value = { year: C.getFullYear(), month: C.getMonth() }, u.value = !1, r("error", m);
|
|
2097
2103
|
}
|
|
2098
2104
|
});
|
|
2099
|
-
const
|
|
2105
|
+
const G = w(() => {
|
|
2100
2106
|
const a = /* @__PURE__ */ new Map();
|
|
2101
2107
|
for (const m of f.value) {
|
|
2102
|
-
const C =
|
|
2108
|
+
const C = A(m, $.value), H = a.get(C) ?? [];
|
|
2103
2109
|
H.push(m), a.set(C, H);
|
|
2104
2110
|
}
|
|
2105
2111
|
return a;
|
|
2106
|
-
}),
|
|
2112
|
+
}), E = w(() => g.value ? Ce(g.value) : []), x = w(
|
|
2107
2113
|
() => g.value ? ve(g.value) : ""
|
|
2108
|
-
), J = w(
|
|
2109
|
-
() => g.value ? pe(g.value, D.value) : !1
|
|
2110
|
-
), re = w(
|
|
2111
|
-
() => g.value ? ke(g.value, D.value) : !1
|
|
2112
2114
|
), Y = w(
|
|
2113
|
-
() =>
|
|
2114
|
-
),
|
|
2115
|
-
|
|
2115
|
+
() => g.value ? pe(g.value, G.value) : !1
|
|
2116
|
+
), re = w(
|
|
2117
|
+
() => g.value ? ke(g.value, G.value) : !1
|
|
2118
|
+
), J = w(
|
|
2119
|
+
() => h.value ? G.value.get(h.value) ?? [] : []
|
|
2120
|
+
), z = w(() => {
|
|
2121
|
+
const a = J.value[0];
|
|
2116
2122
|
return a ? $e(new Date(a), $.value) : null;
|
|
2117
2123
|
}), ae = w(
|
|
2118
2124
|
() => I.value ? new Date(I.value) : null
|
|
2119
2125
|
);
|
|
2120
2126
|
function te(a) {
|
|
2121
|
-
a &&
|
|
2127
|
+
a && G.value.has(a.key) && (h.value = a.key, I.value = null);
|
|
2122
2128
|
}
|
|
2123
2129
|
function ie(a) {
|
|
2124
|
-
g.value && (g.value =
|
|
2130
|
+
g.value && (g.value = W(g.value, a));
|
|
2125
2131
|
}
|
|
2126
2132
|
const se = w(() => {
|
|
2127
|
-
const a =
|
|
2128
|
-
return !
|
|
2133
|
+
const a = q.value.replace(/\D/g, "");
|
|
2134
|
+
return !R.value && B.value.trim().length > 0 && a.length >= 10 && j.value !== null && (!j.value || T.value.trim().length > 0);
|
|
2129
2135
|
});
|
|
2130
2136
|
function b(a) {
|
|
2131
2137
|
const m = a.target;
|
|
2132
|
-
|
|
2138
|
+
q.value = S(m.value), m.value = q.value;
|
|
2133
2139
|
}
|
|
2134
2140
|
async function v() {
|
|
2135
2141
|
if (!(!se.value || !I.value)) {
|
|
2136
|
-
|
|
2142
|
+
R.value = !0, U.value = null;
|
|
2137
2143
|
try {
|
|
2138
|
-
const a =
|
|
2144
|
+
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({
|
|
2139
2145
|
offerId: i.offerId,
|
|
2140
2146
|
selectedInspectionTime: I.value,
|
|
2141
|
-
reminderPhone:
|
|
2147
|
+
reminderPhone: q.value.replace(/\D/g, ""),
|
|
2142
2148
|
notes: a
|
|
2143
2149
|
});
|
|
2144
2150
|
c.value = "success";
|
|
@@ -2150,9 +2156,9 @@ const Ns = {
|
|
|
2150
2156
|
}
|
|
2151
2157
|
} catch (a) {
|
|
2152
2158
|
const m = a instanceof Error ? a : new Error(String(a));
|
|
2153
|
-
|
|
2159
|
+
U.value = m.message, r("error", m);
|
|
2154
2160
|
} finally {
|
|
2155
|
-
|
|
2161
|
+
R.value = !1;
|
|
2156
2162
|
}
|
|
2157
2163
|
}
|
|
2158
2164
|
}
|
|
@@ -2163,7 +2169,7 @@ const Ns = {
|
|
|
2163
2169
|
const m = a.replace(/\D/g, "").slice(0, 10);
|
|
2164
2170
|
return m.length === 0 ? "" : m.length <= 3 ? `(${m}` : m.length <= 6 ? `(${m.slice(0, 3)}) ${m.slice(3)}` : `(${m.slice(0, 3)}) ${m.slice(3, 6)}-${m.slice(6)}`;
|
|
2165
2171
|
}
|
|
2166
|
-
function
|
|
2172
|
+
function A(a, m) {
|
|
2167
2173
|
return new Intl.DateTimeFormat("en-CA", {
|
|
2168
2174
|
timeZone: m,
|
|
2169
2175
|
year: "numeric",
|
|
@@ -2171,11 +2177,11 @@ const Ns = {
|
|
|
2171
2177
|
day: "2-digit"
|
|
2172
2178
|
}).format(new Date(a));
|
|
2173
2179
|
}
|
|
2174
|
-
function
|
|
2180
|
+
function P(a) {
|
|
2175
2181
|
const [m, C] = a.split("-").map((H) => parseInt(H, 10));
|
|
2176
2182
|
return { year: m, month: C - 1 };
|
|
2177
2183
|
}
|
|
2178
|
-
function
|
|
2184
|
+
function W(a, m) {
|
|
2179
2185
|
const C = a.year * 12 + a.month + m, H = Math.floor(C / 12), ne = C - H * 12;
|
|
2180
2186
|
return { year: H, month: ne };
|
|
2181
2187
|
}
|
|
@@ -2203,19 +2209,19 @@ const Ns = {
|
|
|
2203
2209
|
}).format(a);
|
|
2204
2210
|
}
|
|
2205
2211
|
function Ce({ year: a, month: m }) {
|
|
2206
|
-
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,
|
|
2212
|
+
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");
|
|
2207
2213
|
for (let Le = 0; Le < ne; Le++) {
|
|
2208
2214
|
const fe = Le - C + 1;
|
|
2209
|
-
fe < 1 || fe > H ?
|
|
2215
|
+
fe < 1 || fe > H ? le.push(null) : le.push({
|
|
2210
2216
|
key: `${Re}-${Ge}-${String(fe).padStart(2, "0")}`,
|
|
2211
2217
|
day: fe
|
|
2212
2218
|
});
|
|
2213
2219
|
}
|
|
2214
|
-
return
|
|
2220
|
+
return le;
|
|
2215
2221
|
}
|
|
2216
2222
|
function pe(a, m) {
|
|
2217
2223
|
for (const C of m.keys()) {
|
|
2218
|
-
const [H, ne] = C.split("-").map((
|
|
2224
|
+
const [H, ne] = C.split("-").map((le) => parseInt(le, 10));
|
|
2219
2225
|
if (H < a.year || H === a.year && ne - 1 < a.month)
|
|
2220
2226
|
return !0;
|
|
2221
2227
|
}
|
|
@@ -2223,7 +2229,7 @@ const Ns = {
|
|
|
2223
2229
|
}
|
|
2224
2230
|
function ke(a, m) {
|
|
2225
2231
|
for (const C of m.keys()) {
|
|
2226
|
-
const [H, ne] = C.split("-").map((
|
|
2232
|
+
const [H, ne] = C.split("-").map((le) => parseInt(le, 10));
|
|
2227
2233
|
if (H > a.year || H === a.year && ne - 1 > a.month)
|
|
2228
2234
|
return !0;
|
|
2229
2235
|
}
|
|
@@ -2259,7 +2265,7 @@ const Ns = {
|
|
|
2259
2265
|
return (a, m) => u.value ? (d(), y("div", {
|
|
2260
2266
|
key: 0,
|
|
2261
2267
|
class: e(a.$style.root),
|
|
2262
|
-
style:
|
|
2268
|
+
style: X(o.value),
|
|
2263
2269
|
"data-testid": "schedule-assessment-loading"
|
|
2264
2270
|
}, [
|
|
2265
2271
|
t("div", {
|
|
@@ -2272,7 +2278,7 @@ const Ns = {
|
|
|
2272
2278
|
], 6)) : p.value ? (d(), y("div", {
|
|
2273
2279
|
key: 1,
|
|
2274
2280
|
class: e(a.$style.root),
|
|
2275
|
-
style:
|
|
2281
|
+
style: X(o.value),
|
|
2276
2282
|
"data-testid": "schedule-assessment-error"
|
|
2277
2283
|
}, [
|
|
2278
2284
|
t("div", {
|
|
@@ -2285,7 +2291,7 @@ const Ns = {
|
|
|
2285
2291
|
], 6)) : c.value === "success" ? (d(), y("div", {
|
|
2286
2292
|
key: 2,
|
|
2287
2293
|
class: e(a.$style.root),
|
|
2288
|
-
style:
|
|
2294
|
+
style: X(o.value),
|
|
2289
2295
|
"data-testid": "schedule-assessment-success"
|
|
2290
2296
|
}, [
|
|
2291
2297
|
t("div", {
|
|
@@ -2312,14 +2318,14 @@ const Ns = {
|
|
|
2312
2318
|
])], 2),
|
|
2313
2319
|
t("h2", {
|
|
2314
2320
|
class: e(a.$style.title)
|
|
2315
|
-
}, _(
|
|
2321
|
+
}, _(B.value ? `${k(B.value)}, your assessment is scheduled!` : "Your assessment is scheduled!"), 3),
|
|
2316
2322
|
t("p", {
|
|
2317
2323
|
class: e(a.$style.subtitle)
|
|
2318
2324
|
}, " A calendar invite has been sent to your email address. ", 2),
|
|
2319
2325
|
t("div", {
|
|
2320
2326
|
class: e(a.$style.summaryCard)
|
|
2321
2327
|
}, [
|
|
2322
|
-
ae.value ? (d(), y(
|
|
2328
|
+
ae.value ? (d(), y(O, { key: 0 }, [
|
|
2323
2329
|
t("div", {
|
|
2324
2330
|
class: e(a.$style.summaryRow)
|
|
2325
2331
|
}, [
|
|
@@ -2370,7 +2376,7 @@ const Ns = {
|
|
|
2370
2376
|
])], 2)),
|
|
2371
2377
|
t("span", null, _(ye(ae.value, $.value)), 1)
|
|
2372
2378
|
], 2)
|
|
2373
|
-
], 64)) :
|
|
2379
|
+
], 64)) : D("", !0),
|
|
2374
2380
|
s.address ? (d(), y("div", {
|
|
2375
2381
|
key: 1,
|
|
2376
2382
|
class: e(a.$style.summaryRow)
|
|
@@ -2395,7 +2401,7 @@ const Ns = {
|
|
|
2395
2401
|
}, null, -1)
|
|
2396
2402
|
])], 2)),
|
|
2397
2403
|
t("span", null, _(s.address), 1)
|
|
2398
|
-
], 2)) :
|
|
2404
|
+
], 2)) : D("", !0)
|
|
2399
2405
|
], 2),
|
|
2400
2406
|
t("button", {
|
|
2401
2407
|
type: "button",
|
|
@@ -2406,7 +2412,7 @@ const Ns = {
|
|
|
2406
2412
|
], 6)) : c.value === "confirm" ? (d(), y("div", {
|
|
2407
2413
|
key: 3,
|
|
2408
2414
|
class: e(a.$style.root),
|
|
2409
|
-
style:
|
|
2415
|
+
style: X(o.value),
|
|
2410
2416
|
"data-testid": "schedule-assessment-confirm"
|
|
2411
2417
|
}, [
|
|
2412
2418
|
t("div", {
|
|
@@ -2424,10 +2430,10 @@ const Ns = {
|
|
|
2424
2430
|
De(t("input", {
|
|
2425
2431
|
class: e(a.$style.input),
|
|
2426
2432
|
type: "text",
|
|
2427
|
-
"onUpdate:modelValue": m[1] || (m[1] = (C) =>
|
|
2428
|
-
disabled:
|
|
2429
|
-
}, null, 10,
|
|
2430
|
-
[
|
|
2433
|
+
"onUpdate:modelValue": m[1] || (m[1] = (C) => B.value = C),
|
|
2434
|
+
disabled: R.value
|
|
2435
|
+
}, null, 10, Rl), [
|
|
2436
|
+
[qe, B.value]
|
|
2431
2437
|
])
|
|
2432
2438
|
], 2),
|
|
2433
2439
|
t("label", {
|
|
@@ -2442,10 +2448,10 @@ const Ns = {
|
|
|
2442
2448
|
inputmode: "tel",
|
|
2443
2449
|
autocomplete: "tel",
|
|
2444
2450
|
placeholder: "(555) 555-5555",
|
|
2445
|
-
value:
|
|
2446
|
-
disabled:
|
|
2451
|
+
value: q.value,
|
|
2452
|
+
disabled: R.value,
|
|
2447
2453
|
onInput: b
|
|
2448
|
-
}, null, 42,
|
|
2454
|
+
}, null, 42, Gl)
|
|
2449
2455
|
], 2),
|
|
2450
2456
|
t("fieldset", {
|
|
2451
2457
|
class: e(a.$style.fieldset)
|
|
@@ -2462,10 +2468,10 @@ const Ns = {
|
|
|
2462
2468
|
t("input", {
|
|
2463
2469
|
type: "radio",
|
|
2464
2470
|
name: "gate-code",
|
|
2465
|
-
checked:
|
|
2466
|
-
disabled:
|
|
2467
|
-
onChange: m[2] || (m[2] = (C) =>
|
|
2468
|
-
}, null, 40,
|
|
2471
|
+
checked: j.value === !0,
|
|
2472
|
+
disabled: R.value,
|
|
2473
|
+
onChange: m[2] || (m[2] = (C) => j.value = !0)
|
|
2474
|
+
}, null, 40, Hl),
|
|
2469
2475
|
m[13] || (m[13] = t("span", null, "Yes", -1))
|
|
2470
2476
|
], 2),
|
|
2471
2477
|
t("label", {
|
|
@@ -2474,15 +2480,15 @@ const Ns = {
|
|
|
2474
2480
|
t("input", {
|
|
2475
2481
|
type: "radio",
|
|
2476
2482
|
name: "gate-code",
|
|
2477
|
-
checked:
|
|
2478
|
-
disabled:
|
|
2479
|
-
onChange: m[3] || (m[3] = (C) =>
|
|
2480
|
-
}, null, 40,
|
|
2483
|
+
checked: j.value === !1,
|
|
2484
|
+
disabled: R.value,
|
|
2485
|
+
onChange: m[3] || (m[3] = (C) => j.value = !1)
|
|
2486
|
+
}, null, 40, jl),
|
|
2481
2487
|
m[14] || (m[14] = t("span", null, "No", -1))
|
|
2482
2488
|
], 2)
|
|
2483
2489
|
], 2)
|
|
2484
2490
|
], 2),
|
|
2485
|
-
|
|
2491
|
+
j.value ? (d(), y("label", {
|
|
2486
2492
|
key: 0,
|
|
2487
2493
|
class: e(a.$style.field)
|
|
2488
2494
|
}, [
|
|
@@ -2493,31 +2499,31 @@ const Ns = {
|
|
|
2493
2499
|
class: e(a.$style.input),
|
|
2494
2500
|
type: "text",
|
|
2495
2501
|
placeholder: "Gate code, directions, etc.",
|
|
2496
|
-
"onUpdate:modelValue": m[4] || (m[4] = (C) =>
|
|
2497
|
-
disabled:
|
|
2498
|
-
}, null, 10,
|
|
2499
|
-
[
|
|
2502
|
+
"onUpdate:modelValue": m[4] || (m[4] = (C) => T.value = C),
|
|
2503
|
+
disabled: R.value
|
|
2504
|
+
}, null, 10, Nl), [
|
|
2505
|
+
[qe, T.value]
|
|
2500
2506
|
])
|
|
2501
|
-
], 2)) :
|
|
2502
|
-
|
|
2507
|
+
], 2)) : D("", !0),
|
|
2508
|
+
U.value ? (d(), y("p", {
|
|
2503
2509
|
key: 1,
|
|
2504
2510
|
class: e(a.$style.errorText)
|
|
2505
|
-
}, _(
|
|
2511
|
+
}, _(U.value), 3)) : D("", !0),
|
|
2506
2512
|
t("div", {
|
|
2507
2513
|
class: e(a.$style.actionsRow)
|
|
2508
2514
|
}, [
|
|
2509
2515
|
t("button", {
|
|
2510
2516
|
type: "button",
|
|
2511
2517
|
class: e(a.$style.linkButton),
|
|
2512
|
-
disabled:
|
|
2518
|
+
disabled: R.value,
|
|
2513
2519
|
onClick: m[5] || (m[5] = (C) => c.value = "select")
|
|
2514
|
-
}, " ← Back ", 10,
|
|
2520
|
+
}, " ← Back ", 10, Ol),
|
|
2515
2521
|
t("button", {
|
|
2516
2522
|
type: "button",
|
|
2517
2523
|
class: e(a.$style.primaryButton),
|
|
2518
2524
|
disabled: !se.value,
|
|
2519
2525
|
onClick: v
|
|
2520
|
-
}, _(
|
|
2526
|
+
}, _(R.value ? "Scheduling…" : "Schedule"), 11, Vl)
|
|
2521
2527
|
], 2),
|
|
2522
2528
|
t("div", {
|
|
2523
2529
|
class: e(a.$style.faqBelowActions)
|
|
@@ -2528,7 +2534,7 @@ const Ns = {
|
|
|
2528
2534
|
t("h3", {
|
|
2529
2535
|
class: e(a.$style.faqHeader)
|
|
2530
2536
|
}, "Frequently asked questions", 2),
|
|
2531
|
-
(d(), y(
|
|
2537
|
+
(d(), y(O, null, Q(Fe, (C) => t("details", {
|
|
2532
2538
|
key: C.title,
|
|
2533
2539
|
class: e(a.$style.faqItem)
|
|
2534
2540
|
}, [
|
|
@@ -2561,7 +2567,7 @@ const Ns = {
|
|
|
2561
2567
|
], 6)) : (d(), y("div", {
|
|
2562
2568
|
key: 4,
|
|
2563
2569
|
class: e(a.$style.root),
|
|
2564
|
-
style:
|
|
2570
|
+
style: X(o.value),
|
|
2565
2571
|
"data-testid": "schedule-assessment-flow"
|
|
2566
2572
|
}, [
|
|
2567
2573
|
t("div", {
|
|
@@ -2586,7 +2592,7 @@ const Ns = {
|
|
|
2586
2592
|
t("div", {
|
|
2587
2593
|
class: e(a.$style.featuresList)
|
|
2588
2594
|
}, [
|
|
2589
|
-
(d(), y(
|
|
2595
|
+
(d(), y(O, null, Q(we, (C) => t("div", {
|
|
2590
2596
|
key: C.title,
|
|
2591
2597
|
class: e(a.$style.feature)
|
|
2592
2598
|
}, [
|
|
@@ -2608,127 +2614,127 @@ const Ns = {
|
|
|
2608
2614
|
t("button", {
|
|
2609
2615
|
type: "button",
|
|
2610
2616
|
class: e(a.$style.calendarNavButton),
|
|
2611
|
-
disabled: !
|
|
2617
|
+
disabled: !Y.value,
|
|
2612
2618
|
"aria-label": "Previous month",
|
|
2613
2619
|
onClick: m[6] || (m[6] = (C) => ie(-1))
|
|
2614
|
-
}, " ‹ ", 10,
|
|
2620
|
+
}, " ‹ ", 10, xl),
|
|
2615
2621
|
t("span", {
|
|
2616
2622
|
class: e(a.$style.calendarMonthLabel)
|
|
2617
|
-
}, _(
|
|
2623
|
+
}, _(x.value), 3),
|
|
2618
2624
|
t("button", {
|
|
2619
2625
|
type: "button",
|
|
2620
2626
|
class: e(a.$style.calendarNavButton),
|
|
2621
2627
|
disabled: !re.value,
|
|
2622
2628
|
"aria-label": "Next month",
|
|
2623
2629
|
onClick: m[7] || (m[7] = (C) => ie(1))
|
|
2624
|
-
}, " › ", 10,
|
|
2630
|
+
}, " › ", 10, Ul)
|
|
2625
2631
|
], 2),
|
|
2626
2632
|
t("div", {
|
|
2627
2633
|
class: e(a.$style.calendarGrid)
|
|
2628
2634
|
}, [
|
|
2629
|
-
(d(), y(
|
|
2635
|
+
(d(), y(O, null, Q(_e, (C) => t("div", {
|
|
2630
2636
|
key: C,
|
|
2631
2637
|
class: e(a.$style.calendarDayHeader)
|
|
2632
2638
|
}, _(C), 3)), 64)),
|
|
2633
|
-
(d(!0), y(
|
|
2634
|
-
key: C ? C.key : `empty-${
|
|
2639
|
+
(d(!0), y(O, null, Q(E.value, (C, H) => (d(), y("button", {
|
|
2640
|
+
key: C ? C.key : `empty-${x.value}-${H}`,
|
|
2635
2641
|
type: "button",
|
|
2636
2642
|
class: e(
|
|
2637
|
-
C && h.value === C.key ? a.$style.calendarDaySelected : C &&
|
|
2643
|
+
C && h.value === C.key ? a.$style.calendarDaySelected : C && G.value.has(C.key) ? a.$style.calendarDayAvailable : a.$style.calendarDayDisabled
|
|
2638
2644
|
),
|
|
2639
|
-
disabled: !C || !
|
|
2645
|
+
disabled: !C || !G.value.has(C.key),
|
|
2640
2646
|
"aria-pressed": !!(C && h.value === C.key),
|
|
2641
2647
|
onClick: (ne) => te(C)
|
|
2642
|
-
}, _(C ? C.day : ""), 11,
|
|
2648
|
+
}, _(C ? C.day : ""), 11, Zl))), 128))
|
|
2643
2649
|
], 2),
|
|
2644
|
-
|
|
2650
|
+
z.value ? (d(), y(O, { key: 0 }, [
|
|
2645
2651
|
t("p", {
|
|
2646
2652
|
class: e(a.$style.timesHeader)
|
|
2647
|
-
}, " Available times for " + _(
|
|
2653
|
+
}, " Available times for " + _(z.value), 3),
|
|
2648
2654
|
t("div", {
|
|
2649
2655
|
class: e(a.$style.timeRow)
|
|
2650
2656
|
}, [
|
|
2651
|
-
(d(!0), y(
|
|
2657
|
+
(d(!0), y(O, null, Q(J.value, (C) => (d(), y("button", {
|
|
2652
2658
|
key: C,
|
|
2653
2659
|
type: "button",
|
|
2654
2660
|
class: e(
|
|
2655
2661
|
C === I.value ? a.$style.timeButtonSelected : a.$style.timeButton
|
|
2656
2662
|
),
|
|
2657
2663
|
onClick: (H) => I.value = C
|
|
2658
|
-
}, _(ye(new Date(C), $.value)), 11,
|
|
2664
|
+
}, _(ye(new Date(C), $.value)), 11, zl))), 128))
|
|
2659
2665
|
], 2)
|
|
2660
|
-
], 64)) :
|
|
2666
|
+
], 64)) : D("", !0),
|
|
2661
2667
|
t("button", {
|
|
2662
2668
|
type: "button",
|
|
2663
2669
|
class: e(a.$style.primaryButton),
|
|
2664
2670
|
disabled: !I.value,
|
|
2665
2671
|
onClick: m[8] || (m[8] = (C) => c.value = "confirm")
|
|
2666
|
-
}, " Continue ", 10,
|
|
2672
|
+
}, " Continue ", 10, Wl)
|
|
2667
2673
|
], 2)
|
|
2668
2674
|
], 2)
|
|
2669
2675
|
], 2)
|
|
2670
2676
|
], 6));
|
|
2671
2677
|
}
|
|
2672
|
-
}),
|
|
2673
|
-
root:
|
|
2674
|
-
card:
|
|
2675
|
-
titleLarge:
|
|
2676
|
-
featuresList:
|
|
2677
|
-
stepLayout:
|
|
2678
|
-
leftColumn:
|
|
2679
|
-
introHeader:
|
|
2680
|
-
schedule:
|
|
2681
|
-
subtitleLeft:
|
|
2682
|
-
feature:
|
|
2683
|
-
featureTitle:
|
|
2684
|
-
featureDescription:
|
|
2685
|
-
title:
|
|
2686
|
-
subtitle:
|
|
2687
|
-
calendarHeader:
|
|
2688
|
-
calendarMonthLabel:
|
|
2689
|
-
calendarNavButton:
|
|
2690
|
-
calendarGrid:
|
|
2691
|
-
calendarDayHeader:
|
|
2692
|
-
calendarDayAvailable:
|
|
2693
|
-
calendarDayDisabled:
|
|
2694
|
-
calendarDaySelected:
|
|
2695
|
-
timesHeader:
|
|
2696
|
-
timeRow: $
|
|
2697
|
-
timeButton:
|
|
2698
|
-
timeButtonSelected:
|
|
2699
|
-
field:
|
|
2700
|
-
fieldLabel:
|
|
2701
|
-
input:
|
|
2702
|
-
fieldset:
|
|
2703
|
-
radioRow:
|
|
2704
|
-
radioOption:
|
|
2705
|
-
faqBelowActions:
|
|
2706
|
-
faq:
|
|
2707
|
-
faqHeader:
|
|
2708
|
-
faqItem:
|
|
2709
|
-
faqQuestion:
|
|
2710
|
-
faqAnswer:
|
|
2711
|
-
faqChevron:
|
|
2712
|
-
errorText:
|
|
2713
|
-
actionsRow:
|
|
2714
|
-
linkButton:
|
|
2715
|
-
primaryButton:
|
|
2716
|
-
successCheckCircle:
|
|
2717
|
-
summaryCard:
|
|
2718
|
-
summaryRow:
|
|
2719
|
-
summaryIcon:
|
|
2720
|
-
},
|
|
2721
|
-
$style:
|
|
2722
|
-
}, tr = /* @__PURE__ */ V(
|
|
2678
|
+
}), 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 = {
|
|
2679
|
+
root: Ql,
|
|
2680
|
+
card: Yl,
|
|
2681
|
+
titleLarge: Xl,
|
|
2682
|
+
featuresList: Jl,
|
|
2683
|
+
stepLayout: eo,
|
|
2684
|
+
leftColumn: to,
|
|
2685
|
+
introHeader: so,
|
|
2686
|
+
schedule: no,
|
|
2687
|
+
subtitleLeft: ao,
|
|
2688
|
+
feature: lo,
|
|
2689
|
+
featureTitle: oo,
|
|
2690
|
+
featureDescription: ro,
|
|
2691
|
+
title: io,
|
|
2692
|
+
subtitle: uo,
|
|
2693
|
+
calendarHeader: co,
|
|
2694
|
+
calendarMonthLabel: vo,
|
|
2695
|
+
calendarNavButton: yo,
|
|
2696
|
+
calendarGrid: po,
|
|
2697
|
+
calendarDayHeader: fo,
|
|
2698
|
+
calendarDayAvailable: ho,
|
|
2699
|
+
calendarDayDisabled: mo,
|
|
2700
|
+
calendarDaySelected: go,
|
|
2701
|
+
timesHeader: bo,
|
|
2702
|
+
timeRow: $o,
|
|
2703
|
+
timeButton: Co,
|
|
2704
|
+
timeButtonSelected: ko,
|
|
2705
|
+
field: _o,
|
|
2706
|
+
fieldLabel: wo,
|
|
2707
|
+
input: Lo,
|
|
2708
|
+
fieldset: Io,
|
|
2709
|
+
radioRow: So,
|
|
2710
|
+
radioOption: Eo,
|
|
2711
|
+
faqBelowActions: Do,
|
|
2712
|
+
faq: qo,
|
|
2713
|
+
faqHeader: Mo,
|
|
2714
|
+
faqItem: Ao,
|
|
2715
|
+
faqQuestion: To,
|
|
2716
|
+
faqAnswer: Bo,
|
|
2717
|
+
faqChevron: Po,
|
|
2718
|
+
errorText: Fo,
|
|
2719
|
+
actionsRow: Ro,
|
|
2720
|
+
linkButton: Go,
|
|
2721
|
+
primaryButton: Ho,
|
|
2722
|
+
successCheckCircle: jo,
|
|
2723
|
+
summaryCard: No,
|
|
2724
|
+
summaryRow: Oo,
|
|
2725
|
+
summaryIcon: Vo
|
|
2726
|
+
}, Uo = {
|
|
2727
|
+
$style: xo
|
|
2728
|
+
}, tr = /* @__PURE__ */ V(Kl, [["__cssModules", Uo]]);
|
|
2723
2729
|
export {
|
|
2724
|
-
|
|
2725
|
-
|
|
2726
|
-
|
|
2730
|
+
Yo as AddressEntry,
|
|
2731
|
+
Xo as AddressMap,
|
|
2732
|
+
Jo as AddressUnitConfirmation,
|
|
2727
2733
|
er as DtcOnboardingFlow,
|
|
2728
2734
|
ar as OpendoorClient,
|
|
2729
|
-
|
|
2735
|
+
Qo as OpendoorProvider,
|
|
2730
2736
|
tr as ScheduleAssessmentFlow,
|
|
2731
|
-
|
|
2732
|
-
|
|
2737
|
+
lr as THEMES,
|
|
2738
|
+
or as resolveAppearance,
|
|
2733
2739
|
Pe as useOpendoorClient
|
|
2734
2740
|
};
|