@opendoor/partner-sdk-client-react 1.1.3 → 1.1.4-beta.79.6
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/client-react/src/components/DtcOnboardingFlow/DtcContext.d.ts +3 -1
- package/dist/client-react/src/components/DtcOnboardingFlow/DtcContext.d.ts.map +1 -1
- package/dist/client-react/src/components/DtcOnboardingFlow/DtcNavigation.d.ts.map +1 -1
- package/dist/client-react/src/components/DtcOnboardingFlow/DtcPage.d.ts.map +1 -1
- package/dist/client-react/src/components/DtcOnboardingFlow/DtcProvider.d.ts +3 -2
- package/dist/client-react/src/components/DtcOnboardingFlow/DtcProvider.d.ts.map +1 -1
- package/dist/client-react/src/components/DtcOnboardingFlow/index.d.ts +9 -3
- package/dist/client-react/src/components/DtcOnboardingFlow/index.d.ts.map +1 -1
- package/dist/index.js +945 -900
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import Vt, { createContext as Ze, useState as W, useEffect as U, useContext as Re, useRef as Z, useCallback as ce, useMemo as He, forwardRef as ar, createElement as Ce, useLayoutEffect as cr } from "react";
|
|
2
2
|
import { createPortal as sr } from "react-dom";
|
|
3
3
|
var rt = { exports: {} }, Xe = {};
|
|
4
4
|
/*
|
|
@@ -7,7 +7,7 @@ object-assign
|
|
|
7
7
|
@license MIT
|
|
8
8
|
*/
|
|
9
9
|
var Qe, Pt;
|
|
10
|
-
function
|
|
10
|
+
function Bt() {
|
|
11
11
|
if (Pt) return Qe;
|
|
12
12
|
Pt = 1;
|
|
13
13
|
var e = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
|
|
@@ -63,8 +63,8 @@ function ht() {
|
|
|
63
63
|
var Ht;
|
|
64
64
|
function or() {
|
|
65
65
|
if (Ht) return Xe;
|
|
66
|
-
Ht = 1,
|
|
67
|
-
var e =
|
|
66
|
+
Ht = 1, Bt();
|
|
67
|
+
var e = Vt, r = 60103;
|
|
68
68
|
if (Xe.Fragment = 60107, typeof Symbol == "function" && Symbol.for) {
|
|
69
69
|
var n = Symbol.for;
|
|
70
70
|
r = n("react.element"), Xe.Fragment = n("react.fragment");
|
|
@@ -92,53 +92,53 @@ var xt;
|
|
|
92
92
|
function lr() {
|
|
93
93
|
return xt || (xt = 1, function(e) {
|
|
94
94
|
process.env.NODE_ENV !== "production" && function() {
|
|
95
|
-
var r =
|
|
95
|
+
var r = Vt, n = Bt(), a = 60103, c = 60106;
|
|
96
96
|
e.Fragment = 60107;
|
|
97
|
-
var o = 60108, i = 60114, d = 60109, l = 60110, s = 60112, u = 60113, x = 60120, P = 60115, b = 60116,
|
|
97
|
+
var o = 60108, i = 60114, d = 60109, l = 60110, s = 60112, u = 60113, x = 60120, P = 60115, b = 60116, z = 60121, w = 60122, q = 60117, X = 60129, J = 60131;
|
|
98
98
|
if (typeof Symbol == "function" && Symbol.for) {
|
|
99
|
-
var
|
|
100
|
-
a =
|
|
99
|
+
var S = Symbol.for;
|
|
100
|
+
a = S("react.element"), c = S("react.portal"), e.Fragment = S("react.fragment"), o = S("react.strict_mode"), i = S("react.profiler"), d = S("react.provider"), l = S("react.context"), s = S("react.forward_ref"), u = S("react.suspense"), x = S("react.suspense_list"), P = S("react.memo"), b = S("react.lazy"), z = S("react.block"), w = S("react.server.block"), q = S("react.fundamental"), S("react.scope"), S("react.opaque.id"), X = S("react.debug_trace_mode"), S("react.offscreen"), J = S("react.legacy_hidden");
|
|
101
101
|
}
|
|
102
|
-
var
|
|
103
|
-
function
|
|
102
|
+
var I = typeof Symbol == "function" && Symbol.iterator, N = "@@iterator";
|
|
103
|
+
function L(A) {
|
|
104
104
|
if (A === null || typeof A != "object")
|
|
105
105
|
return null;
|
|
106
|
-
var
|
|
107
|
-
return typeof
|
|
106
|
+
var j = I && A[I] || A[N];
|
|
107
|
+
return typeof j == "function" ? j : null;
|
|
108
108
|
}
|
|
109
|
-
var
|
|
110
|
-
function
|
|
109
|
+
var G = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
110
|
+
function V(A) {
|
|
111
111
|
{
|
|
112
|
-
for (var
|
|
113
|
-
|
|
114
|
-
|
|
112
|
+
for (var j = arguments.length, y = new Array(j > 1 ? j - 1 : 0), h = 1; h < j; h++)
|
|
113
|
+
y[h - 1] = arguments[h];
|
|
114
|
+
ne("error", A, y);
|
|
115
115
|
}
|
|
116
116
|
}
|
|
117
|
-
function
|
|
117
|
+
function ne(A, j, y) {
|
|
118
118
|
{
|
|
119
|
-
var
|
|
120
|
-
|
|
121
|
-
var
|
|
122
|
-
return "" +
|
|
119
|
+
var h = G.ReactDebugCurrentFrame, K = h.getStackAddendum();
|
|
120
|
+
K !== "" && (j += "%s", y = y.concat([K]));
|
|
121
|
+
var Y = y.map(function(M) {
|
|
122
|
+
return "" + M;
|
|
123
123
|
});
|
|
124
|
-
|
|
124
|
+
Y.unshift("Warning: " + j), Function.prototype.apply.call(console[A], console, Y);
|
|
125
125
|
}
|
|
126
126
|
}
|
|
127
|
-
var
|
|
128
|
-
function
|
|
129
|
-
return !!(typeof A == "string" || typeof A == "function" || A === e.Fragment || A === i || A === X || A === o || A === u || A === x || A ===
|
|
127
|
+
var E = !1;
|
|
128
|
+
function F(A) {
|
|
129
|
+
return !!(typeof A == "string" || typeof A == "function" || A === e.Fragment || A === i || A === X || A === o || A === u || A === x || A === J || E || typeof A == "object" && A !== null && (A.$$typeof === b || A.$$typeof === P || A.$$typeof === d || A.$$typeof === l || A.$$typeof === s || A.$$typeof === q || A.$$typeof === z || A[0] === w));
|
|
130
130
|
}
|
|
131
|
-
function
|
|
132
|
-
var
|
|
133
|
-
return A.displayName || (
|
|
131
|
+
function ae(A, j, y) {
|
|
132
|
+
var h = j.displayName || j.name || "";
|
|
133
|
+
return A.displayName || (h !== "" ? y + "(" + h + ")" : y);
|
|
134
134
|
}
|
|
135
|
-
function
|
|
135
|
+
function O(A) {
|
|
136
136
|
return A.displayName || "Context";
|
|
137
137
|
}
|
|
138
138
|
function g(A) {
|
|
139
139
|
if (A == null)
|
|
140
140
|
return null;
|
|
141
|
-
if (typeof A.tag == "number" &&
|
|
141
|
+
if (typeof A.tag == "number" && V("Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."), typeof A == "function")
|
|
142
142
|
return A.displayName || A.name || null;
|
|
143
143
|
if (typeof A == "string")
|
|
144
144
|
return A;
|
|
@@ -159,21 +159,21 @@ function lr() {
|
|
|
159
159
|
if (typeof A == "object")
|
|
160
160
|
switch (A.$$typeof) {
|
|
161
161
|
case l:
|
|
162
|
-
var
|
|
163
|
-
return
|
|
162
|
+
var j = A;
|
|
163
|
+
return O(j) + ".Consumer";
|
|
164
164
|
case d:
|
|
165
|
-
var
|
|
166
|
-
return
|
|
165
|
+
var y = A;
|
|
166
|
+
return O(y._context) + ".Provider";
|
|
167
167
|
case s:
|
|
168
|
-
return
|
|
168
|
+
return ae(A, A.render, "ForwardRef");
|
|
169
169
|
case P:
|
|
170
170
|
return g(A.type);
|
|
171
|
-
case
|
|
171
|
+
case z:
|
|
172
172
|
return g(A._render);
|
|
173
173
|
case b: {
|
|
174
|
-
var
|
|
174
|
+
var h = A, K = h._payload, Y = h._init;
|
|
175
175
|
try {
|
|
176
|
-
return g(
|
|
176
|
+
return g(Y(K));
|
|
177
177
|
} catch {
|
|
178
178
|
return null;
|
|
179
179
|
}
|
|
@@ -181,14 +181,14 @@ function lr() {
|
|
|
181
181
|
}
|
|
182
182
|
return null;
|
|
183
183
|
}
|
|
184
|
-
var D = 0,
|
|
184
|
+
var D = 0, C, p, k, H, Q, Ae, ze;
|
|
185
185
|
function de() {
|
|
186
186
|
}
|
|
187
187
|
de.__reactDisabledLog = !0;
|
|
188
188
|
function me() {
|
|
189
189
|
{
|
|
190
190
|
if (D === 0) {
|
|
191
|
-
|
|
191
|
+
C = console.log, p = console.info, k = console.warn, H = console.error, Q = console.group, Ae = console.groupCollapsed, ze = console.groupEnd;
|
|
192
192
|
var A = {
|
|
193
193
|
configurable: !0,
|
|
194
194
|
enumerable: !0,
|
|
@@ -218,40 +218,40 @@ function lr() {
|
|
|
218
218
|
};
|
|
219
219
|
Object.defineProperties(console, {
|
|
220
220
|
log: n({}, A, {
|
|
221
|
-
value:
|
|
221
|
+
value: C
|
|
222
222
|
}),
|
|
223
223
|
info: n({}, A, {
|
|
224
224
|
value: p
|
|
225
225
|
}),
|
|
226
226
|
warn: n({}, A, {
|
|
227
|
-
value:
|
|
227
|
+
value: k
|
|
228
228
|
}),
|
|
229
229
|
error: n({}, A, {
|
|
230
|
-
value:
|
|
230
|
+
value: H
|
|
231
231
|
}),
|
|
232
232
|
group: n({}, A, {
|
|
233
|
-
value:
|
|
233
|
+
value: Q
|
|
234
234
|
}),
|
|
235
235
|
groupCollapsed: n({}, A, {
|
|
236
|
-
value:
|
|
236
|
+
value: Ae
|
|
237
237
|
}),
|
|
238
238
|
groupEnd: n({}, A, {
|
|
239
|
-
value:
|
|
239
|
+
value: ze
|
|
240
240
|
})
|
|
241
241
|
});
|
|
242
242
|
}
|
|
243
|
-
D < 0 &&
|
|
243
|
+
D < 0 && V("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
|
|
244
244
|
}
|
|
245
245
|
}
|
|
246
|
-
var fe =
|
|
247
|
-
function ke(A,
|
|
246
|
+
var fe = G.ReactCurrentDispatcher, pe;
|
|
247
|
+
function ke(A, j, y) {
|
|
248
248
|
{
|
|
249
249
|
if (pe === void 0)
|
|
250
250
|
try {
|
|
251
251
|
throw Error();
|
|
252
|
-
} catch (
|
|
253
|
-
var
|
|
254
|
-
pe =
|
|
252
|
+
} catch (K) {
|
|
253
|
+
var h = K.stack.trim().match(/\n( *(at )?)/);
|
|
254
|
+
pe = h && h[1] || "";
|
|
255
255
|
}
|
|
256
256
|
return `
|
|
257
257
|
` + pe + A;
|
|
@@ -262,89 +262,89 @@ function lr() {
|
|
|
262
262
|
var Ne = typeof WeakMap == "function" ? WeakMap : Map;
|
|
263
263
|
be = new Ne();
|
|
264
264
|
}
|
|
265
|
-
function
|
|
265
|
+
function we(A, j) {
|
|
266
266
|
if (!A || ye)
|
|
267
267
|
return "";
|
|
268
268
|
{
|
|
269
|
-
var
|
|
270
|
-
if (
|
|
271
|
-
return
|
|
269
|
+
var y = be.get(A);
|
|
270
|
+
if (y !== void 0)
|
|
271
|
+
return y;
|
|
272
272
|
}
|
|
273
|
-
var
|
|
273
|
+
var h;
|
|
274
274
|
ye = !0;
|
|
275
|
-
var
|
|
275
|
+
var K = Error.prepareStackTrace;
|
|
276
276
|
Error.prepareStackTrace = void 0;
|
|
277
|
-
var
|
|
278
|
-
|
|
277
|
+
var Y;
|
|
278
|
+
Y = fe.current, fe.current = null, me();
|
|
279
279
|
try {
|
|
280
|
-
if (
|
|
281
|
-
var
|
|
280
|
+
if (j) {
|
|
281
|
+
var M = function() {
|
|
282
282
|
throw Error();
|
|
283
283
|
};
|
|
284
|
-
if (Object.defineProperty(
|
|
284
|
+
if (Object.defineProperty(M.prototype, "props", {
|
|
285
285
|
set: function() {
|
|
286
286
|
throw Error();
|
|
287
287
|
}
|
|
288
288
|
}), typeof Reflect == "object" && Reflect.construct) {
|
|
289
289
|
try {
|
|
290
|
-
Reflect.construct(
|
|
290
|
+
Reflect.construct(M, []);
|
|
291
291
|
} catch (Pe) {
|
|
292
|
-
|
|
292
|
+
h = Pe;
|
|
293
293
|
}
|
|
294
|
-
Reflect.construct(A, [],
|
|
294
|
+
Reflect.construct(A, [], M);
|
|
295
295
|
} else {
|
|
296
296
|
try {
|
|
297
|
-
|
|
297
|
+
M.call();
|
|
298
298
|
} catch (Pe) {
|
|
299
|
-
|
|
299
|
+
h = Pe;
|
|
300
300
|
}
|
|
301
|
-
A.call(
|
|
301
|
+
A.call(M.prototype);
|
|
302
302
|
}
|
|
303
303
|
} else {
|
|
304
304
|
try {
|
|
305
305
|
throw Error();
|
|
306
306
|
} catch (Pe) {
|
|
307
|
-
|
|
307
|
+
h = Pe;
|
|
308
308
|
}
|
|
309
309
|
A();
|
|
310
310
|
}
|
|
311
311
|
} catch (Pe) {
|
|
312
|
-
if (Pe &&
|
|
312
|
+
if (Pe && h && typeof Pe.stack == "string") {
|
|
313
313
|
for (var R = Pe.stack.split(`
|
|
314
|
-
`), se =
|
|
315
|
-
`),
|
|
316
|
-
|
|
317
|
-
for (;
|
|
318
|
-
if (R[
|
|
319
|
-
if (
|
|
314
|
+
`), se = h.stack.split(`
|
|
315
|
+
`), $ = R.length - 1, te = se.length - 1; $ >= 1 && te >= 0 && R[$] !== se[te]; )
|
|
316
|
+
te--;
|
|
317
|
+
for (; $ >= 1 && te >= 0; $--, te--)
|
|
318
|
+
if (R[$] !== se[te]) {
|
|
319
|
+
if ($ !== 1 || te !== 1)
|
|
320
320
|
do
|
|
321
|
-
if (
|
|
321
|
+
if ($--, te--, te < 0 || R[$] !== se[te]) {
|
|
322
322
|
var je = `
|
|
323
|
-
` + R[
|
|
323
|
+
` + R[$].replace(" at new ", " at ");
|
|
324
324
|
return typeof A == "function" && be.set(A, je), je;
|
|
325
325
|
}
|
|
326
|
-
while (
|
|
326
|
+
while ($ >= 1 && te >= 0);
|
|
327
327
|
break;
|
|
328
328
|
}
|
|
329
329
|
}
|
|
330
330
|
} finally {
|
|
331
|
-
ye = !1, fe.current =
|
|
331
|
+
ye = !1, fe.current = Y, xe(), Error.prepareStackTrace = K;
|
|
332
332
|
}
|
|
333
|
-
var
|
|
333
|
+
var Be = A ? A.displayName || A.name : "", jt = Be ? ke(Be) : "";
|
|
334
334
|
return typeof A == "function" && be.set(A, jt), jt;
|
|
335
335
|
}
|
|
336
|
-
function Ie(A,
|
|
337
|
-
return
|
|
336
|
+
function Ie(A, j, y) {
|
|
337
|
+
return we(A, !1);
|
|
338
338
|
}
|
|
339
|
-
function
|
|
340
|
-
var
|
|
341
|
-
return !!(
|
|
339
|
+
function ve(A) {
|
|
340
|
+
var j = A.prototype;
|
|
341
|
+
return !!(j && j.isReactComponent);
|
|
342
342
|
}
|
|
343
|
-
function m(A,
|
|
343
|
+
function m(A, j, y) {
|
|
344
344
|
if (A == null)
|
|
345
345
|
return "";
|
|
346
346
|
if (typeof A == "function")
|
|
347
|
-
return
|
|
347
|
+
return we(A, ve(A));
|
|
348
348
|
if (typeof A == "string")
|
|
349
349
|
return ke(A);
|
|
350
350
|
switch (A) {
|
|
@@ -358,47 +358,47 @@ function lr() {
|
|
|
358
358
|
case s:
|
|
359
359
|
return Ie(A.render);
|
|
360
360
|
case P:
|
|
361
|
-
return m(A.type,
|
|
362
|
-
case
|
|
361
|
+
return m(A.type, j, y);
|
|
362
|
+
case z:
|
|
363
363
|
return Ie(A._render);
|
|
364
364
|
case b: {
|
|
365
|
-
var
|
|
365
|
+
var h = A, K = h._payload, Y = h._init;
|
|
366
366
|
try {
|
|
367
|
-
return m(
|
|
367
|
+
return m(Y(K), j, y);
|
|
368
368
|
} catch {
|
|
369
369
|
}
|
|
370
370
|
}
|
|
371
371
|
}
|
|
372
372
|
return "";
|
|
373
373
|
}
|
|
374
|
-
var
|
|
374
|
+
var _ = {}, ee = G.ReactDebugCurrentFrame;
|
|
375
375
|
function Oe(A) {
|
|
376
376
|
if (A) {
|
|
377
|
-
var
|
|
378
|
-
|
|
377
|
+
var j = A._owner, y = m(A.type, A._source, j ? j.type : null);
|
|
378
|
+
ee.setExtraStackFrame(y);
|
|
379
379
|
} else
|
|
380
|
-
|
|
380
|
+
ee.setExtraStackFrame(null);
|
|
381
381
|
}
|
|
382
|
-
function Se(A,
|
|
382
|
+
function Se(A, j, y, h, K) {
|
|
383
383
|
{
|
|
384
|
-
var
|
|
385
|
-
for (var
|
|
386
|
-
if (
|
|
384
|
+
var Y = Function.call.bind(Object.prototype.hasOwnProperty);
|
|
385
|
+
for (var M in A)
|
|
386
|
+
if (Y(A, M)) {
|
|
387
387
|
var R = void 0;
|
|
388
388
|
try {
|
|
389
|
-
if (typeof A[
|
|
390
|
-
var se = Error((
|
|
389
|
+
if (typeof A[M] != "function") {
|
|
390
|
+
var se = Error((h || "React class") + ": " + y + " type `" + M + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof A[M] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
|
|
391
391
|
throw se.name = "Invariant Violation", se;
|
|
392
392
|
}
|
|
393
|
-
R = A[
|
|
394
|
-
} catch (
|
|
395
|
-
R =
|
|
393
|
+
R = A[M](j, M, h, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
|
|
394
|
+
} catch ($) {
|
|
395
|
+
R = $;
|
|
396
396
|
}
|
|
397
|
-
R && !(R instanceof Error) && (Oe(
|
|
397
|
+
R && !(R instanceof Error) && (Oe(K), V("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", h || "React class", y, M, typeof R), Oe(null)), R instanceof Error && !(R.message in _) && (_[R.message] = !0, Oe(K), V("Failed %s type: %s", y, R.message), Oe(null));
|
|
398
398
|
}
|
|
399
399
|
}
|
|
400
400
|
}
|
|
401
|
-
var Ge =
|
|
401
|
+
var Ge = G.ReactCurrentOwner, Ye = Object.prototype.hasOwnProperty, Nt = {
|
|
402
402
|
key: !0,
|
|
403
403
|
ref: !0,
|
|
404
404
|
__self: !0,
|
|
@@ -406,56 +406,56 @@ function lr() {
|
|
|
406
406
|
}, ct, st;
|
|
407
407
|
function Yt(A) {
|
|
408
408
|
if (Ye.call(A, "ref")) {
|
|
409
|
-
var
|
|
410
|
-
if (
|
|
409
|
+
var j = Object.getOwnPropertyDescriptor(A, "ref").get;
|
|
410
|
+
if (j && j.isReactWarning)
|
|
411
411
|
return !1;
|
|
412
412
|
}
|
|
413
413
|
return A.ref !== void 0;
|
|
414
414
|
}
|
|
415
415
|
function Kt(A) {
|
|
416
416
|
if (Ye.call(A, "key")) {
|
|
417
|
-
var
|
|
418
|
-
if (
|
|
417
|
+
var j = Object.getOwnPropertyDescriptor(A, "key").get;
|
|
418
|
+
if (j && j.isReactWarning)
|
|
419
419
|
return !1;
|
|
420
420
|
}
|
|
421
421
|
return A.key !== void 0;
|
|
422
422
|
}
|
|
423
|
-
function Lt(A,
|
|
423
|
+
function Lt(A, j) {
|
|
424
424
|
typeof A.ref == "string" && Ge.current;
|
|
425
425
|
}
|
|
426
|
-
function Et(A,
|
|
426
|
+
function Et(A, j) {
|
|
427
427
|
{
|
|
428
|
-
var
|
|
429
|
-
ct || (ct = !0,
|
|
428
|
+
var y = function() {
|
|
429
|
+
ct || (ct = !0, V("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", j));
|
|
430
430
|
};
|
|
431
|
-
|
|
432
|
-
get:
|
|
431
|
+
y.isReactWarning = !0, Object.defineProperty(A, "key", {
|
|
432
|
+
get: y,
|
|
433
433
|
configurable: !0
|
|
434
434
|
});
|
|
435
435
|
}
|
|
436
436
|
}
|
|
437
|
-
function Ct(A,
|
|
437
|
+
function Ct(A, j) {
|
|
438
438
|
{
|
|
439
|
-
var
|
|
440
|
-
st || (st = !0,
|
|
439
|
+
var y = function() {
|
|
440
|
+
st || (st = !0, V("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", j));
|
|
441
441
|
};
|
|
442
|
-
|
|
443
|
-
get:
|
|
442
|
+
y.isReactWarning = !0, Object.defineProperty(A, "ref", {
|
|
443
|
+
get: y,
|
|
444
444
|
configurable: !0
|
|
445
445
|
});
|
|
446
446
|
}
|
|
447
447
|
}
|
|
448
|
-
var Qt = function(A,
|
|
448
|
+
var Qt = function(A, j, y, h, K, Y, M) {
|
|
449
449
|
var R = {
|
|
450
450
|
// This tag allows us to uniquely identify this as a React Element
|
|
451
451
|
$$typeof: a,
|
|
452
452
|
// Built-in properties that belong on the element
|
|
453
453
|
type: A,
|
|
454
|
-
key:
|
|
455
|
-
ref:
|
|
456
|
-
props:
|
|
454
|
+
key: j,
|
|
455
|
+
ref: y,
|
|
456
|
+
props: M,
|
|
457
457
|
// Record the component responsible for creating this element.
|
|
458
|
-
_owner:
|
|
458
|
+
_owner: Y
|
|
459
459
|
};
|
|
460
460
|
return R._store = {}, Object.defineProperty(R._store, "validated", {
|
|
461
461
|
configurable: !1,
|
|
@@ -466,37 +466,37 @@ function lr() {
|
|
|
466
466
|
configurable: !1,
|
|
467
467
|
enumerable: !1,
|
|
468
468
|
writable: !1,
|
|
469
|
-
value:
|
|
469
|
+
value: h
|
|
470
470
|
}), Object.defineProperty(R, "_source", {
|
|
471
471
|
configurable: !1,
|
|
472
472
|
enumerable: !1,
|
|
473
473
|
writable: !1,
|
|
474
|
-
value:
|
|
474
|
+
value: K
|
|
475
475
|
}), Object.freeze && (Object.freeze(R.props), Object.freeze(R)), R;
|
|
476
476
|
};
|
|
477
|
-
function Ut(A,
|
|
477
|
+
function Ut(A, j, y, h, K) {
|
|
478
478
|
{
|
|
479
|
-
var
|
|
480
|
-
|
|
481
|
-
for (
|
|
482
|
-
Ye.call(
|
|
479
|
+
var Y, M = {}, R = null, se = null;
|
|
480
|
+
y !== void 0 && (R = "" + y), Kt(j) && (R = "" + j.key), Yt(j) && (se = j.ref, Lt(j, K));
|
|
481
|
+
for (Y in j)
|
|
482
|
+
Ye.call(j, Y) && !Nt.hasOwnProperty(Y) && (M[Y] = j[Y]);
|
|
483
483
|
if (A && A.defaultProps) {
|
|
484
|
-
var
|
|
485
|
-
for (
|
|
486
|
-
|
|
484
|
+
var $ = A.defaultProps;
|
|
485
|
+
for (Y in $)
|
|
486
|
+
M[Y] === void 0 && (M[Y] = $[Y]);
|
|
487
487
|
}
|
|
488
488
|
if (R || se) {
|
|
489
|
-
var
|
|
490
|
-
R && Et(
|
|
489
|
+
var te = typeof A == "function" ? A.displayName || A.name || "Unknown" : A;
|
|
490
|
+
R && Et(M, te), se && Ct(M, te);
|
|
491
491
|
}
|
|
492
|
-
return Qt(A, R, se,
|
|
492
|
+
return Qt(A, R, se, K, h, Ge.current, M);
|
|
493
493
|
}
|
|
494
494
|
}
|
|
495
|
-
var Ke =
|
|
496
|
-
function
|
|
495
|
+
var Ke = G.ReactCurrentOwner, ot = G.ReactDebugCurrentFrame;
|
|
496
|
+
function Ve(A) {
|
|
497
497
|
if (A) {
|
|
498
|
-
var
|
|
499
|
-
ot.setExtraStackFrame(
|
|
498
|
+
var j = A._owner, y = m(A.type, A._source, j ? j.type : null);
|
|
499
|
+
ot.setExtraStackFrame(y);
|
|
500
500
|
} else
|
|
501
501
|
ot.setExtraStackFrame(null);
|
|
502
502
|
}
|
|
@@ -523,120 +523,120 @@ Check the render method of \`` + A + "`.";
|
|
|
523
523
|
var ut = {};
|
|
524
524
|
function _t(A) {
|
|
525
525
|
{
|
|
526
|
-
var
|
|
527
|
-
if (!
|
|
528
|
-
var
|
|
529
|
-
|
|
526
|
+
var j = lt();
|
|
527
|
+
if (!j) {
|
|
528
|
+
var y = typeof A == "string" ? A : A.displayName || A.name;
|
|
529
|
+
y && (j = `
|
|
530
530
|
|
|
531
|
-
Check the top-level render call using <` +
|
|
531
|
+
Check the top-level render call using <` + y + ">.");
|
|
532
532
|
}
|
|
533
|
-
return
|
|
533
|
+
return j;
|
|
534
534
|
}
|
|
535
535
|
}
|
|
536
|
-
function it(A,
|
|
536
|
+
function it(A, j) {
|
|
537
537
|
{
|
|
538
538
|
if (!A._store || A._store.validated || A.key != null)
|
|
539
539
|
return;
|
|
540
540
|
A._store.validated = !0;
|
|
541
|
-
var
|
|
542
|
-
if (ut[
|
|
541
|
+
var y = _t(j);
|
|
542
|
+
if (ut[y])
|
|
543
543
|
return;
|
|
544
|
-
ut[
|
|
545
|
-
var
|
|
546
|
-
A && A._owner && A._owner !== Ke.current && (
|
|
544
|
+
ut[y] = !0;
|
|
545
|
+
var h = "";
|
|
546
|
+
A && A._owner && A._owner !== Ke.current && (h = " It was passed a child from " + g(A._owner.type) + "."), Ve(A), V('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, h), Ve(null);
|
|
547
547
|
}
|
|
548
548
|
}
|
|
549
|
-
function dt(A,
|
|
549
|
+
function dt(A, j) {
|
|
550
550
|
{
|
|
551
551
|
if (typeof A != "object")
|
|
552
552
|
return;
|
|
553
553
|
if (Array.isArray(A))
|
|
554
|
-
for (var
|
|
555
|
-
var
|
|
556
|
-
Ee(
|
|
554
|
+
for (var y = 0; y < A.length; y++) {
|
|
555
|
+
var h = A[y];
|
|
556
|
+
Ee(h) && it(h, j);
|
|
557
557
|
}
|
|
558
558
|
else if (Ee(A))
|
|
559
559
|
A._store && (A._store.validated = !0);
|
|
560
560
|
else if (A) {
|
|
561
|
-
var
|
|
562
|
-
if (typeof
|
|
563
|
-
for (var
|
|
564
|
-
Ee(
|
|
561
|
+
var K = L(A);
|
|
562
|
+
if (typeof K == "function" && K !== A.entries)
|
|
563
|
+
for (var Y = K.call(A), M; !(M = Y.next()).done; )
|
|
564
|
+
Ee(M.value) && it(M.value, j);
|
|
565
565
|
}
|
|
566
566
|
}
|
|
567
567
|
}
|
|
568
568
|
function $t(A) {
|
|
569
569
|
{
|
|
570
|
-
var
|
|
571
|
-
if (
|
|
570
|
+
var j = A.type;
|
|
571
|
+
if (j == null || typeof j == "string")
|
|
572
572
|
return;
|
|
573
|
-
var
|
|
574
|
-
if (typeof
|
|
575
|
-
|
|
576
|
-
else if (typeof
|
|
573
|
+
var y;
|
|
574
|
+
if (typeof j == "function")
|
|
575
|
+
y = j.propTypes;
|
|
576
|
+
else if (typeof j == "object" && (j.$$typeof === s || // Note: Memo only checks outer props here.
|
|
577
577
|
// Inner props are checked in the reconciler.
|
|
578
|
-
|
|
579
|
-
|
|
578
|
+
j.$$typeof === P))
|
|
579
|
+
y = j.propTypes;
|
|
580
580
|
else
|
|
581
581
|
return;
|
|
582
|
-
if (
|
|
583
|
-
var
|
|
584
|
-
Se(
|
|
585
|
-
} else if (
|
|
582
|
+
if (y) {
|
|
583
|
+
var h = g(j);
|
|
584
|
+
Se(y, A.props, "prop", h, A);
|
|
585
|
+
} else if (j.PropTypes !== void 0 && !Le) {
|
|
586
586
|
Le = !0;
|
|
587
|
-
var
|
|
588
|
-
|
|
587
|
+
var K = g(j);
|
|
588
|
+
V("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", K || "Unknown");
|
|
589
589
|
}
|
|
590
|
-
typeof
|
|
590
|
+
typeof j.getDefaultProps == "function" && !j.getDefaultProps.isReactClassApproved && V("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
|
|
591
591
|
}
|
|
592
592
|
}
|
|
593
593
|
function er(A) {
|
|
594
594
|
{
|
|
595
|
-
for (var
|
|
596
|
-
var
|
|
597
|
-
if (
|
|
598
|
-
|
|
595
|
+
for (var j = Object.keys(A.props), y = 0; y < j.length; y++) {
|
|
596
|
+
var h = j[y];
|
|
597
|
+
if (h !== "children" && h !== "key") {
|
|
598
|
+
Ve(A), V("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), Ve(null);
|
|
599
599
|
break;
|
|
600
600
|
}
|
|
601
601
|
}
|
|
602
|
-
A.ref !== null && (
|
|
602
|
+
A.ref !== null && (Ve(A), V("Invalid attribute `ref` supplied to `React.Fragment`."), Ve(null));
|
|
603
603
|
}
|
|
604
604
|
}
|
|
605
|
-
function ft(A,
|
|
605
|
+
function ft(A, j, y, h, K, Y) {
|
|
606
606
|
{
|
|
607
|
-
var
|
|
608
|
-
if (!
|
|
607
|
+
var M = F(A);
|
|
608
|
+
if (!M) {
|
|
609
609
|
var R = "";
|
|
610
610
|
(A === void 0 || typeof A == "object" && A !== null && Object.keys(A).length === 0) && (R += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
|
|
611
611
|
var se = Ft();
|
|
612
612
|
se ? R += se : R += lt();
|
|
613
|
-
var
|
|
614
|
-
A === null ?
|
|
613
|
+
var $;
|
|
614
|
+
A === null ? $ = "null" : Array.isArray(A) ? $ = "array" : A !== void 0 && A.$$typeof === a ? ($ = "<" + (g(A.type) || "Unknown") + " />", R = " Did you accidentally export a JSX literal instead of a component?") : $ = typeof A, V("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", $, R);
|
|
615
615
|
}
|
|
616
|
-
var
|
|
617
|
-
if (
|
|
618
|
-
return
|
|
619
|
-
if (
|
|
620
|
-
var je =
|
|
616
|
+
var te = Ut(A, j, y, K, Y);
|
|
617
|
+
if (te == null)
|
|
618
|
+
return te;
|
|
619
|
+
if (M) {
|
|
620
|
+
var je = j.children;
|
|
621
621
|
if (je !== void 0)
|
|
622
|
-
if (
|
|
622
|
+
if (h)
|
|
623
623
|
if (Array.isArray(je)) {
|
|
624
|
-
for (var
|
|
625
|
-
dt(je[
|
|
624
|
+
for (var Be = 0; Be < je.length; Be++)
|
|
625
|
+
dt(je[Be], A);
|
|
626
626
|
Object.freeze && Object.freeze(je);
|
|
627
627
|
} else
|
|
628
|
-
|
|
628
|
+
V("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
|
|
629
629
|
else
|
|
630
630
|
dt(je, A);
|
|
631
631
|
}
|
|
632
|
-
return A === e.Fragment ? er(
|
|
632
|
+
return A === e.Fragment ? er(te) : $t(te), te;
|
|
633
633
|
}
|
|
634
634
|
}
|
|
635
|
-
function tr(A,
|
|
636
|
-
return ft(A,
|
|
635
|
+
function tr(A, j, y) {
|
|
636
|
+
return ft(A, j, y, !0);
|
|
637
637
|
}
|
|
638
|
-
function rr(A,
|
|
639
|
-
return ft(A,
|
|
638
|
+
function rr(A, j, y) {
|
|
639
|
+
return ft(A, j, y, !1);
|
|
640
640
|
}
|
|
641
641
|
var nr = rr, Ar = tr;
|
|
642
642
|
e.jsx = nr, e.jsxs = Ar;
|
|
@@ -703,7 +703,7 @@ async function br(e, r) {
|
|
|
703
703
|
break;
|
|
704
704
|
}
|
|
705
705
|
}
|
|
706
|
-
class
|
|
706
|
+
class wr {
|
|
707
707
|
constructor(r) {
|
|
708
708
|
this.buffer = [], this.destroyed = !1, this.onVisibilityChange = () => {
|
|
709
709
|
document.visibilityState === "hidden" && this.flush(!0);
|
|
@@ -760,18 +760,18 @@ const nt = {
|
|
|
760
760
|
},
|
|
761
761
|
destroy() {
|
|
762
762
|
}
|
|
763
|
-
}, At = Ze(null), Xt = Ze(nt),
|
|
763
|
+
}, At = Ze(null), Xt = Ze(nt), $o = ({
|
|
764
764
|
client: e,
|
|
765
765
|
children: r
|
|
766
766
|
}) => {
|
|
767
767
|
const [n, a] = W(nt);
|
|
768
|
-
return
|
|
769
|
-
const c = new
|
|
768
|
+
return U(() => {
|
|
769
|
+
const c = new wr(e.environment);
|
|
770
770
|
return a(c), () => {
|
|
771
771
|
c.destroy();
|
|
772
772
|
};
|
|
773
773
|
}, [e]), /* @__PURE__ */ t.jsx(At.Provider, { value: e, children: /* @__PURE__ */ t.jsx(Xt.Provider, { value: n, children: r }) });
|
|
774
|
-
},
|
|
774
|
+
}, vr = () => {
|
|
775
775
|
const e = Re(At);
|
|
776
776
|
if (!e)
|
|
777
777
|
throw new Error(
|
|
@@ -780,10 +780,10 @@ const nt = {
|
|
|
780
780
|
return e;
|
|
781
781
|
}, ue = () => Re(Xt);
|
|
782
782
|
function at(e, r = {}) {
|
|
783
|
-
const n = ue(), a =
|
|
783
|
+
const n = ue(), a = Z(n);
|
|
784
784
|
a.current = n;
|
|
785
|
-
const c =
|
|
786
|
-
return
|
|
785
|
+
const c = Z(null), o = Z(!1);
|
|
786
|
+
return U(() => {
|
|
787
787
|
const i = c.current;
|
|
788
788
|
if (!i || !e || o.current) return;
|
|
789
789
|
const d = new IntersectionObserver(
|
|
@@ -885,7 +885,7 @@ function mr(e) {
|
|
|
885
885
|
const r = gr[(e == null ? void 0 : e.theme) ?? "default"];
|
|
886
886
|
return e != null && e.variables ? { ...r, ...e.variables } : r;
|
|
887
887
|
}
|
|
888
|
-
function
|
|
888
|
+
function We(e) {
|
|
889
889
|
const r = mr(e), n = {};
|
|
890
890
|
for (const [a, c] of Object.entries(r)) {
|
|
891
891
|
const o = a.replace(/([A-Z])/g, "-$1").toLowerCase();
|
|
@@ -896,7 +896,7 @@ function qe(e) {
|
|
|
896
896
|
const Or = "_attribution_11y4r_7", Sr = "_text_11y4r_16", yt = {
|
|
897
897
|
attribution: Or,
|
|
898
898
|
text: Sr
|
|
899
|
-
},
|
|
899
|
+
}, hr = () => /* @__PURE__ */ t.jsx(
|
|
900
900
|
"svg",
|
|
901
901
|
{
|
|
902
902
|
width: "75",
|
|
@@ -918,19 +918,19 @@ const Or = "_attribution_11y4r_7", Sr = "_text_11y4r_16", yt = {
|
|
|
918
918
|
function Dt() {
|
|
919
919
|
return /* @__PURE__ */ t.jsxs("div", { className: yt.attribution, "data-testid": "od-attribution", children: [
|
|
920
920
|
/* @__PURE__ */ t.jsx("span", { className: yt.text, children: "Powered by" }),
|
|
921
|
-
/* @__PURE__ */ t.jsx(
|
|
921
|
+
/* @__PURE__ */ t.jsx(hr, {})
|
|
922
922
|
] });
|
|
923
923
|
}
|
|
924
|
-
const
|
|
925
|
-
container:
|
|
926
|
-
inputSection:
|
|
927
|
-
inputWrapper:
|
|
924
|
+
const zr = "_container_tu90h_8", Vr = "_inputSection_tu90h_16", Br = "_inputWrapper_tu90h_22", Xr = "_input_tu90h_16", Dr = "_inputIcon_tu90h_63", Gr = "_button_tu90h_80", Rr = "_spinner_tu90h_121", Wr = "_suggestions_tu90h_136", qr = "_errorState_tu90h_150", Ir = "_suggestion_tu90h_136", Mr = "_error_tu90h_150", Tr = "_errorIcon_tu90h_199", Zr = "_errorBorder_tu90h_213", Jr = "_manualLink_tu90h_223", Nr = "_manualForm_tu90h_245", Yr = "_manualFormField_tu90h_260", Kr = "_manualFormLabel_tu90h_264", Lr = "_manualFormInput_tu90h_273", Er = "_formRow_tu90h_294", Cr = "_submitButton_tu90h_302", T = {
|
|
925
|
+
container: zr,
|
|
926
|
+
inputSection: Vr,
|
|
927
|
+
inputWrapper: Br,
|
|
928
928
|
input: Xr,
|
|
929
929
|
inputIcon: Dr,
|
|
930
930
|
button: Gr,
|
|
931
931
|
spinner: Rr,
|
|
932
|
-
suggestions:
|
|
933
|
-
errorState:
|
|
932
|
+
suggestions: Wr,
|
|
933
|
+
errorState: qr,
|
|
934
934
|
suggestion: Ir,
|
|
935
935
|
error: Mr,
|
|
936
936
|
errorIcon: Tr,
|
|
@@ -983,11 +983,11 @@ const Vr = "_container_tu90h_8", Br = "_inputSection_tu90h_16", hr = "_inputWrap
|
|
|
983
983
|
]
|
|
984
984
|
}
|
|
985
985
|
);
|
|
986
|
-
function
|
|
986
|
+
function wt(e) {
|
|
987
987
|
const r = [e.street1];
|
|
988
988
|
return e.street2 && (r[0] += ` ${e.street2}`), r.push(`${e.city}, ${e.state} ${e.postalCode}`), r.join(", ");
|
|
989
989
|
}
|
|
990
|
-
function
|
|
990
|
+
function el({
|
|
991
991
|
onAddressSelect: e,
|
|
992
992
|
enableAddressSuggestions: r = !0,
|
|
993
993
|
debounceMs: n = 300,
|
|
@@ -1002,59 +1002,59 @@ function Fo({
|
|
|
1002
1002
|
appearance: x,
|
|
1003
1003
|
onReady: P,
|
|
1004
1004
|
onChange: b,
|
|
1005
|
-
onValidationError:
|
|
1006
|
-
onAddressSuggestionsStart:
|
|
1005
|
+
onValidationError: z,
|
|
1006
|
+
onAddressSuggestionsStart: w,
|
|
1007
1007
|
onAddressSuggestionsComplete: q,
|
|
1008
1008
|
onError: X
|
|
1009
1009
|
}) {
|
|
1010
|
-
const
|
|
1010
|
+
const J = vr(), S = ue(), I = We(x), [N, L] = W(""), [G, V] = W([]), [ne, E] = W(!1), [F, ae] = W(!1), [O, g] = W(null), [D, C] = W(!1), [p, k] = W(!1), [H, Q] = W({
|
|
1011
1011
|
street1: "",
|
|
1012
1012
|
street2: "",
|
|
1013
1013
|
city: "",
|
|
1014
1014
|
state: "",
|
|
1015
1015
|
postalCode: ""
|
|
1016
|
-
}),
|
|
1016
|
+
}), Ae = Z(null), ze = at("partner-sdk-address-input", {
|
|
1017
1017
|
immediate: !0
|
|
1018
|
-
}), de =
|
|
1018
|
+
}), de = Z(X);
|
|
1019
1019
|
de.current = X;
|
|
1020
|
-
const me =
|
|
1021
|
-
me.current =
|
|
1022
|
-
const xe =
|
|
1020
|
+
const me = Z(w);
|
|
1021
|
+
me.current = w;
|
|
1022
|
+
const xe = Z(q);
|
|
1023
1023
|
xe.current = q;
|
|
1024
|
-
const fe =
|
|
1025
|
-
|
|
1024
|
+
const fe = Z(null), pe = ne && !F && N.trim().length >= 3 && G.length === 0 && !p;
|
|
1025
|
+
U(() => {
|
|
1026
1026
|
P == null || P();
|
|
1027
|
-
}, []),
|
|
1028
|
-
if (!r ||
|
|
1029
|
-
|
|
1027
|
+
}, []), U(() => {
|
|
1028
|
+
if (!r || N.trim().length < 3 || D) {
|
|
1029
|
+
N.trim().length === 0 && (V([]), E(!1), g(null));
|
|
1030
1030
|
return;
|
|
1031
1031
|
}
|
|
1032
|
-
|
|
1032
|
+
ae(!0), g(null);
|
|
1033
1033
|
const m = setTimeout(async () => {
|
|
1034
|
-
var
|
|
1035
|
-
(
|
|
1034
|
+
var _, ee, Oe;
|
|
1035
|
+
(_ = me.current) == null || _.call(me, N);
|
|
1036
1036
|
try {
|
|
1037
|
-
const Se = await
|
|
1038
|
-
|
|
1037
|
+
const Se = await J.getAddressSuggestions(N);
|
|
1038
|
+
V(Se.addresses), E(!0), (ee = xe.current) == null || ee.call(xe, Se.addresses);
|
|
1039
1039
|
} catch (Se) {
|
|
1040
1040
|
const Ge = Se instanceof Error ? Se : new Error("Failed to fetch address suggestions");
|
|
1041
|
-
g(Ge.message),
|
|
1041
|
+
g(Ge.message), V([]), E(!0), (Oe = de.current) == null || Oe.call(de, Ge);
|
|
1042
1042
|
} finally {
|
|
1043
|
-
|
|
1043
|
+
ae(!1);
|
|
1044
1044
|
}
|
|
1045
1045
|
}, n);
|
|
1046
1046
|
return () => clearTimeout(m);
|
|
1047
|
-
}, [
|
|
1048
|
-
const m = (
|
|
1049
|
-
fe.current && !fe.current.contains(
|
|
1047
|
+
}, [N, D, r, n, J]), U(() => {
|
|
1048
|
+
const m = (_) => {
|
|
1049
|
+
fe.current && !fe.current.contains(_.target) && Ae.current && !Ae.current.contains(_.target) && E(!1);
|
|
1050
1050
|
};
|
|
1051
1051
|
return document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
|
|
1052
1052
|
}, []);
|
|
1053
1053
|
const ke = (m) => {
|
|
1054
|
-
const
|
|
1055
|
-
|
|
1054
|
+
const _ = m.target.value;
|
|
1055
|
+
L(_), C(!1), b == null || b({ street1: _ });
|
|
1056
1056
|
}, ye = async (m) => {
|
|
1057
|
-
|
|
1057
|
+
C(!0), L(wt(m)), V([]), E(!1), g(null), b == null || b(m), S.trackSell({
|
|
1058
1058
|
addressEntryV2: {
|
|
1059
1059
|
street1: m.street1,
|
|
1060
1060
|
city: m.city,
|
|
@@ -1066,43 +1066,43 @@ function Fo({
|
|
|
1066
1066
|
});
|
|
1067
1067
|
try {
|
|
1068
1068
|
await e(m);
|
|
1069
|
-
} catch (
|
|
1070
|
-
const
|
|
1071
|
-
g(
|
|
1069
|
+
} catch (_) {
|
|
1070
|
+
const ee = _ instanceof Error ? _ : new Error("Failed to process address");
|
|
1071
|
+
g(ee.message), X == null || X(ee), L(""), C(!1);
|
|
1072
1072
|
}
|
|
1073
1073
|
}, be = () => {
|
|
1074
|
-
|
|
1074
|
+
S.trackPlatform({
|
|
1075
1075
|
inputFocusEvent: { targetName: "partner-sdk-address-input" }
|
|
1076
|
-
}),
|
|
1076
|
+
}), G.length > 0 && N.length > 0 && E(!0);
|
|
1077
1077
|
}, Ne = () => {
|
|
1078
|
-
|
|
1078
|
+
S.trackPlatform({
|
|
1079
1079
|
linkClickEvent: { targetName: "partner-sdk-manual-entry" }
|
|
1080
|
-
}),
|
|
1081
|
-
},
|
|
1082
|
-
const
|
|
1083
|
-
|
|
1084
|
-
street1:
|
|
1085
|
-
...
|
|
1086
|
-
city:
|
|
1087
|
-
state:
|
|
1088
|
-
postalCode:
|
|
1080
|
+
}), k(!0), E(!1);
|
|
1081
|
+
}, we = (m, _) => {
|
|
1082
|
+
const ee = { ...H, [m]: _ };
|
|
1083
|
+
Q(ee), b == null || b({
|
|
1084
|
+
street1: ee.street1,
|
|
1085
|
+
...ee.street2 ? { street2: ee.street2 } : {},
|
|
1086
|
+
city: ee.city,
|
|
1087
|
+
state: ee.state,
|
|
1088
|
+
postalCode: ee.postalCode
|
|
1089
1089
|
});
|
|
1090
1090
|
}, Ie = async () => {
|
|
1091
|
-
if (!
|
|
1091
|
+
if (!H.street1 || !H.city || !H.state || !H.postalCode) {
|
|
1092
1092
|
const m = "Please fill in all required fields";
|
|
1093
|
-
g(m),
|
|
1093
|
+
g(m), z == null || z(m);
|
|
1094
1094
|
return;
|
|
1095
1095
|
}
|
|
1096
|
-
|
|
1096
|
+
ae(!0), g(null);
|
|
1097
1097
|
try {
|
|
1098
1098
|
const m = {
|
|
1099
|
-
street1:
|
|
1100
|
-
...
|
|
1101
|
-
city:
|
|
1102
|
-
state:
|
|
1103
|
-
postalCode:
|
|
1099
|
+
street1: H.street1,
|
|
1100
|
+
...H.street2 ? { street2: H.street2 } : {},
|
|
1101
|
+
city: H.city,
|
|
1102
|
+
state: H.state,
|
|
1103
|
+
postalCode: H.postalCode
|
|
1104
1104
|
};
|
|
1105
|
-
|
|
1105
|
+
S.trackSell({
|
|
1106
1106
|
addressEntryV2: {
|
|
1107
1107
|
street1: m.street1,
|
|
1108
1108
|
city: m.city,
|
|
@@ -1113,86 +1113,86 @@ function Fo({
|
|
|
1113
1113
|
}
|
|
1114
1114
|
}), await e(m);
|
|
1115
1115
|
} catch (m) {
|
|
1116
|
-
const
|
|
1117
|
-
g(
|
|
1116
|
+
const _ = m instanceof Error ? m : new Error("Failed to submit address");
|
|
1117
|
+
g(_.message), X == null || X(_);
|
|
1118
1118
|
} finally {
|
|
1119
|
-
|
|
1119
|
+
ae(!1);
|
|
1120
1120
|
}
|
|
1121
|
-
},
|
|
1122
|
-
return /* @__PURE__ */ t.jsxs("div", { ref:
|
|
1123
|
-
p ? /* @__PURE__ */ t.jsxs("div", { className:
|
|
1124
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
1125
|
-
/* @__PURE__ */ t.jsx("label", { className:
|
|
1121
|
+
}, ve = !!O;
|
|
1122
|
+
return /* @__PURE__ */ t.jsxs("div", { ref: ze, className: T.container, style: I, children: [
|
|
1123
|
+
p ? /* @__PURE__ */ t.jsxs("div", { className: T.manualForm, children: [
|
|
1124
|
+
/* @__PURE__ */ t.jsxs("div", { className: T.manualFormField, children: [
|
|
1125
|
+
/* @__PURE__ */ t.jsx("label", { className: T.manualFormLabel, htmlFor: "ae-street1", children: "Street Address *" }),
|
|
1126
1126
|
/* @__PURE__ */ t.jsx(
|
|
1127
1127
|
"input",
|
|
1128
1128
|
{
|
|
1129
1129
|
id: "ae-street1",
|
|
1130
1130
|
type: "text",
|
|
1131
|
-
className:
|
|
1132
|
-
value:
|
|
1133
|
-
onChange: (m) =>
|
|
1131
|
+
className: T.manualFormInput,
|
|
1132
|
+
value: H.street1,
|
|
1133
|
+
onChange: (m) => we("street1", m.target.value),
|
|
1134
1134
|
disabled: c,
|
|
1135
1135
|
placeholder: "123 Main St"
|
|
1136
1136
|
}
|
|
1137
1137
|
)
|
|
1138
1138
|
] }),
|
|
1139
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
1140
|
-
/* @__PURE__ */ t.jsx("label", { className:
|
|
1139
|
+
/* @__PURE__ */ t.jsxs("div", { className: T.manualFormField, children: [
|
|
1140
|
+
/* @__PURE__ */ t.jsx("label", { className: T.manualFormLabel, htmlFor: "ae-street2", children: "Unit / Apt (optional)" }),
|
|
1141
1141
|
/* @__PURE__ */ t.jsx(
|
|
1142
1142
|
"input",
|
|
1143
1143
|
{
|
|
1144
1144
|
id: "ae-street2",
|
|
1145
1145
|
type: "text",
|
|
1146
|
-
className:
|
|
1147
|
-
value:
|
|
1148
|
-
onChange: (m) =>
|
|
1146
|
+
className: T.manualFormInput,
|
|
1147
|
+
value: H.street2,
|
|
1148
|
+
onChange: (m) => we("street2", m.target.value),
|
|
1149
1149
|
disabled: c,
|
|
1150
1150
|
placeholder: "Apt 4B"
|
|
1151
1151
|
}
|
|
1152
1152
|
)
|
|
1153
1153
|
] }),
|
|
1154
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
1155
|
-
/* @__PURE__ */ t.jsx("label", { className:
|
|
1154
|
+
/* @__PURE__ */ t.jsxs("div", { className: T.manualFormField, children: [
|
|
1155
|
+
/* @__PURE__ */ t.jsx("label", { className: T.manualFormLabel, htmlFor: "ae-city", children: "City *" }),
|
|
1156
1156
|
/* @__PURE__ */ t.jsx(
|
|
1157
1157
|
"input",
|
|
1158
1158
|
{
|
|
1159
1159
|
id: "ae-city",
|
|
1160
1160
|
type: "text",
|
|
1161
|
-
className:
|
|
1162
|
-
value:
|
|
1163
|
-
onChange: (m) =>
|
|
1161
|
+
className: T.manualFormInput,
|
|
1162
|
+
value: H.city,
|
|
1163
|
+
onChange: (m) => we("city", m.target.value),
|
|
1164
1164
|
disabled: c,
|
|
1165
1165
|
placeholder: "Austin"
|
|
1166
1166
|
}
|
|
1167
1167
|
)
|
|
1168
1168
|
] }),
|
|
1169
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
1170
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
1171
|
-
/* @__PURE__ */ t.jsx("label", { className:
|
|
1169
|
+
/* @__PURE__ */ t.jsxs("div", { className: T.formRow, children: [
|
|
1170
|
+
/* @__PURE__ */ t.jsxs("div", { className: T.manualFormField, children: [
|
|
1171
|
+
/* @__PURE__ */ t.jsx("label", { className: T.manualFormLabel, htmlFor: "ae-state", children: "State *" }),
|
|
1172
1172
|
/* @__PURE__ */ t.jsx(
|
|
1173
1173
|
"input",
|
|
1174
1174
|
{
|
|
1175
1175
|
id: "ae-state",
|
|
1176
1176
|
type: "text",
|
|
1177
|
-
className:
|
|
1178
|
-
value:
|
|
1179
|
-
onChange: (m) =>
|
|
1177
|
+
className: T.manualFormInput,
|
|
1178
|
+
value: H.state,
|
|
1179
|
+
onChange: (m) => we("state", m.target.value),
|
|
1180
1180
|
disabled: c,
|
|
1181
1181
|
placeholder: "TX",
|
|
1182
1182
|
maxLength: 2
|
|
1183
1183
|
}
|
|
1184
1184
|
)
|
|
1185
1185
|
] }),
|
|
1186
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
1187
|
-
/* @__PURE__ */ t.jsx("label", { className:
|
|
1186
|
+
/* @__PURE__ */ t.jsxs("div", { className: T.manualFormField, children: [
|
|
1187
|
+
/* @__PURE__ */ t.jsx("label", { className: T.manualFormLabel, htmlFor: "ae-postalCode", children: "ZIP Code *" }),
|
|
1188
1188
|
/* @__PURE__ */ t.jsx(
|
|
1189
1189
|
"input",
|
|
1190
1190
|
{
|
|
1191
1191
|
id: "ae-postalCode",
|
|
1192
1192
|
type: "text",
|
|
1193
|
-
className:
|
|
1194
|
-
value:
|
|
1195
|
-
onChange: (m) =>
|
|
1193
|
+
className: T.manualFormInput,
|
|
1194
|
+
value: H.postalCode,
|
|
1195
|
+
onChange: (m) => we("postalCode", m.target.value),
|
|
1196
1196
|
disabled: c,
|
|
1197
1197
|
placeholder: "78701",
|
|
1198
1198
|
maxLength: 5
|
|
@@ -1200,12 +1200,12 @@ function Fo({
|
|
|
1200
1200
|
)
|
|
1201
1201
|
] })
|
|
1202
1202
|
] }),
|
|
1203
|
-
|
|
1203
|
+
O && /* @__PURE__ */ t.jsx("div", { className: T.error, children: O }),
|
|
1204
1204
|
/* @__PURE__ */ t.jsxs(
|
|
1205
1205
|
"button",
|
|
1206
1206
|
{
|
|
1207
1207
|
type: "button",
|
|
1208
|
-
className:
|
|
1208
|
+
className: T.submitButton,
|
|
1209
1209
|
onClick: Ie,
|
|
1210
1210
|
disabled: c,
|
|
1211
1211
|
children: [
|
|
@@ -1214,43 +1214,43 @@ function Fo({
|
|
|
1214
1214
|
]
|
|
1215
1215
|
}
|
|
1216
1216
|
)
|
|
1217
|
-
] }) : /* @__PURE__ */ t.jsxs("div", { className:
|
|
1217
|
+
] }) : /* @__PURE__ */ t.jsxs("div", { className: T.inputSection, children: [
|
|
1218
1218
|
/* @__PURE__ */ t.jsxs(
|
|
1219
1219
|
"div",
|
|
1220
1220
|
{
|
|
1221
|
-
className: `${
|
|
1221
|
+
className: `${T.inputWrapper} ${ve ? T.errorBorder : ""}`,
|
|
1222
1222
|
children: [
|
|
1223
1223
|
/* @__PURE__ */ t.jsx(
|
|
1224
1224
|
"input",
|
|
1225
1225
|
{
|
|
1226
|
-
ref:
|
|
1226
|
+
ref: Ae,
|
|
1227
1227
|
type: "text",
|
|
1228
|
-
value:
|
|
1228
|
+
value: N,
|
|
1229
1229
|
onChange: ke,
|
|
1230
1230
|
onFocus: be,
|
|
1231
1231
|
placeholder: o,
|
|
1232
|
-
className:
|
|
1232
|
+
className: T.input,
|
|
1233
1233
|
disabled: c,
|
|
1234
1234
|
"aria-label": "Address input",
|
|
1235
1235
|
"aria-autocomplete": "list",
|
|
1236
1236
|
"aria-controls": "address-suggestions",
|
|
1237
|
-
"aria-expanded":
|
|
1237
|
+
"aria-expanded": ne
|
|
1238
1238
|
}
|
|
1239
1239
|
),
|
|
1240
|
-
s && /* @__PURE__ */ t.jsx("div", { className:
|
|
1240
|
+
s && /* @__PURE__ */ t.jsx("div", { className: T.inputIcon, children: s }),
|
|
1241
1241
|
d && /* @__PURE__ */ t.jsx(
|
|
1242
1242
|
"button",
|
|
1243
1243
|
{
|
|
1244
|
-
className:
|
|
1244
|
+
className: T.button,
|
|
1245
1245
|
type: "button",
|
|
1246
1246
|
disabled: c,
|
|
1247
1247
|
"aria-label": i,
|
|
1248
|
-
children:
|
|
1248
|
+
children: F ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
1249
1249
|
/* @__PURE__ */ t.jsx("span", { children: i }),
|
|
1250
1250
|
/* @__PURE__ */ t.jsxs(
|
|
1251
1251
|
"svg",
|
|
1252
1252
|
{
|
|
1253
|
-
className:
|
|
1253
|
+
className: T.spinner,
|
|
1254
1254
|
width: "20",
|
|
1255
1255
|
height: "20",
|
|
1256
1256
|
viewBox: "0 0 24 24",
|
|
@@ -1289,36 +1289,36 @@ function Fo({
|
|
|
1289
1289
|
]
|
|
1290
1290
|
}
|
|
1291
1291
|
),
|
|
1292
|
-
(
|
|
1292
|
+
(ne || ve) && /* @__PURE__ */ t.jsx(
|
|
1293
1293
|
"div",
|
|
1294
1294
|
{
|
|
1295
1295
|
ref: fe,
|
|
1296
|
-
className: `${
|
|
1296
|
+
className: `${T.suggestions} ${ve ? T.errorState : ""}`,
|
|
1297
1297
|
id: "address-suggestions",
|
|
1298
|
-
role:
|
|
1299
|
-
"aria-live":
|
|
1300
|
-
children:
|
|
1301
|
-
/* @__PURE__ */ t.jsx("div", { className:
|
|
1302
|
-
/* @__PURE__ */ t.jsx("div", { children:
|
|
1303
|
-
] }) :
|
|
1298
|
+
role: ve && !ne ? "alert" : "listbox",
|
|
1299
|
+
"aria-live": ve && !ne ? "polite" : void 0,
|
|
1300
|
+
children: ve ? /* @__PURE__ */ t.jsxs("div", { className: T.error, children: [
|
|
1301
|
+
/* @__PURE__ */ t.jsx("div", { className: T.errorIcon, children: /* @__PURE__ */ t.jsx(Qr, {}) }),
|
|
1302
|
+
/* @__PURE__ */ t.jsx("div", { children: O })
|
|
1303
|
+
] }) : G.length > 0 ? G.map((m, _) => /* @__PURE__ */ t.jsx(
|
|
1304
1304
|
"div",
|
|
1305
1305
|
{
|
|
1306
|
-
className:
|
|
1306
|
+
className: T.suggestion,
|
|
1307
1307
|
onClick: () => ye(m),
|
|
1308
1308
|
role: "option",
|
|
1309
1309
|
"aria-selected": !1,
|
|
1310
1310
|
tabIndex: 0,
|
|
1311
|
-
onKeyDown: (
|
|
1312
|
-
(
|
|
1311
|
+
onKeyDown: (ee) => {
|
|
1312
|
+
(ee.key === "Enter" || ee.key === " ") && (ee.preventDefault(), ye(m));
|
|
1313
1313
|
},
|
|
1314
|
-
children:
|
|
1314
|
+
children: wt(m)
|
|
1315
1315
|
},
|
|
1316
|
-
`${m.street1}-${m.city}-${m.postalCode}-${
|
|
1316
|
+
`${m.street1}-${m.city}-${m.postalCode}-${_}`
|
|
1317
1317
|
)) : pe && /* @__PURE__ */ t.jsx(
|
|
1318
1318
|
"button",
|
|
1319
1319
|
{
|
|
1320
1320
|
type: "button",
|
|
1321
|
-
className:
|
|
1321
|
+
className: T.manualLink,
|
|
1322
1322
|
onClick: Ne,
|
|
1323
1323
|
children: u
|
|
1324
1324
|
}
|
|
@@ -1418,7 +1418,7 @@ function rn(e, r) {
|
|
|
1418
1418
|
n[a.key] = ge(a.condition, r) ? a.trueValue ?? !0 : a.falseValue ?? !1;
|
|
1419
1419
|
return n;
|
|
1420
1420
|
}
|
|
1421
|
-
function
|
|
1421
|
+
function vt(e, r) {
|
|
1422
1422
|
const n = /* @__PURE__ */ new Set();
|
|
1423
1423
|
for (const a of e)
|
|
1424
1424
|
for (const c of a.sections) {
|
|
@@ -1451,137 +1451,137 @@ const An = ({
|
|
|
1451
1451
|
}) => {
|
|
1452
1452
|
const [l, s] = W(0), [u, x] = W({}), [P, b] = W(
|
|
1453
1453
|
() => r ?? {}
|
|
1454
|
-
),
|
|
1455
|
-
|
|
1456
|
-
const
|
|
1457
|
-
|
|
1458
|
-
const q =
|
|
1454
|
+
), z = Z(n);
|
|
1455
|
+
z.current = n;
|
|
1456
|
+
const w = Z(a);
|
|
1457
|
+
w.current = a;
|
|
1458
|
+
const q = Z(c);
|
|
1459
1459
|
q.current = c;
|
|
1460
|
-
const X =
|
|
1460
|
+
const X = Z(o);
|
|
1461
1461
|
X.current = o;
|
|
1462
|
-
const
|
|
1463
|
-
|
|
1464
|
-
var
|
|
1465
|
-
(
|
|
1466
|
-
}, []),
|
|
1467
|
-
r && Object.keys(r).length > 0 && b((
|
|
1462
|
+
const J = Z(i);
|
|
1463
|
+
J.current = i, U(() => {
|
|
1464
|
+
var O;
|
|
1465
|
+
(O = X.current) == null || O.call(X);
|
|
1466
|
+
}, []), U(() => {
|
|
1467
|
+
r && Object.keys(r).length > 0 && b((O) => ({ ...O, ...r }));
|
|
1468
1468
|
}, [r]);
|
|
1469
|
-
const
|
|
1470
|
-
|
|
1471
|
-
const
|
|
1472
|
-
(
|
|
1469
|
+
const S = Z(P);
|
|
1470
|
+
S.current = P;
|
|
1471
|
+
const I = ce(
|
|
1472
|
+
(O) => P[O],
|
|
1473
1473
|
[P]
|
|
1474
|
-
),
|
|
1475
|
-
b((D) => ({ ...D, [
|
|
1476
|
-
}, []),
|
|
1477
|
-
(
|
|
1474
|
+
), N = ce((O, g) => {
|
|
1475
|
+
b((D) => ({ ...D, [O]: g }));
|
|
1476
|
+
}, []), L = ce(
|
|
1477
|
+
(O, g) => {
|
|
1478
1478
|
var p;
|
|
1479
|
-
|
|
1480
|
-
const D = nn(e,
|
|
1479
|
+
N(O, g);
|
|
1480
|
+
const D = nn(e, O);
|
|
1481
1481
|
if (D != null && D.effects) {
|
|
1482
|
-
const
|
|
1483
|
-
for (const [
|
|
1484
|
-
|
|
1482
|
+
const H = tn(D, (Q) => Q === O ? g : S.current[Q]);
|
|
1483
|
+
for (const [Q, Ae] of Object.entries(H))
|
|
1484
|
+
N(Q, Ae);
|
|
1485
1485
|
}
|
|
1486
|
-
const
|
|
1487
|
-
(p = q.current) == null || p.call(q,
|
|
1488
|
-
if (!
|
|
1489
|
-
const
|
|
1490
|
-
return delete
|
|
1486
|
+
const C = { ...S.current, [O]: g };
|
|
1487
|
+
(p = q.current) == null || p.call(q, O, g, C), x((k) => {
|
|
1488
|
+
if (!k[O]) return k;
|
|
1489
|
+
const H = { ...k };
|
|
1490
|
+
return delete H[O], H;
|
|
1491
1491
|
});
|
|
1492
1492
|
},
|
|
1493
|
-
[e,
|
|
1494
|
-
),
|
|
1495
|
-
|
|
1496
|
-
for (const
|
|
1497
|
-
if (!
|
|
1498
|
-
const g = rn(
|
|
1499
|
-
for (const [D,
|
|
1500
|
-
|
|
1493
|
+
[e, N]
|
|
1494
|
+
), G = e[l];
|
|
1495
|
+
U(() => {
|
|
1496
|
+
for (const O of e) {
|
|
1497
|
+
if (!O.derived) continue;
|
|
1498
|
+
const g = rn(O.derived, I);
|
|
1499
|
+
for (const [D, C] of Object.entries(g))
|
|
1500
|
+
I(D) !== C && N(D, C);
|
|
1501
1501
|
}
|
|
1502
|
-
}, [P, e,
|
|
1503
|
-
const
|
|
1504
|
-
for (const g of
|
|
1505
|
-
|
|
1506
|
-
}, [P, e,
|
|
1507
|
-
const
|
|
1508
|
-
var D,
|
|
1509
|
-
if (!
|
|
1510
|
-
const
|
|
1511
|
-
for (const
|
|
1512
|
-
for (const
|
|
1513
|
-
if (
|
|
1514
|
-
const
|
|
1515
|
-
|
|
1502
|
+
}, [P, e, I, N]), U(() => {
|
|
1503
|
+
const O = vt(e, I);
|
|
1504
|
+
for (const g of O)
|
|
1505
|
+
I(g) !== void 0 && N(g, void 0);
|
|
1506
|
+
}, [P, e, I, N]);
|
|
1507
|
+
const V = ce(() => {
|
|
1508
|
+
var D, C, p;
|
|
1509
|
+
if (!G) return;
|
|
1510
|
+
const O = vt(e, I), g = {};
|
|
1511
|
+
for (const k of G.sections)
|
|
1512
|
+
for (const H of k.questions) {
|
|
1513
|
+
if (O.has(H.key)) continue;
|
|
1514
|
+
const Q = P[H.key], Ae = Ur(H, Q);
|
|
1515
|
+
Ae && (g[H.key] = Ae);
|
|
1516
1516
|
}
|
|
1517
|
-
if (
|
|
1518
|
-
const
|
|
1519
|
-
if (!
|
|
1520
|
-
for (const
|
|
1521
|
-
g[
|
|
1517
|
+
if (G.validate) {
|
|
1518
|
+
const k = G.validate(P);
|
|
1519
|
+
if (!k.valid)
|
|
1520
|
+
for (const H of k.errors)
|
|
1521
|
+
g[H.fieldId] = H.message;
|
|
1522
1522
|
}
|
|
1523
1523
|
if (Object.keys(g).length > 0) {
|
|
1524
|
-
x(g), (D =
|
|
1525
|
-
|
|
1526
|
-
new Error(`Validation failed on page ${
|
|
1524
|
+
x(g), (D = J.current) == null || D.call(
|
|
1525
|
+
J,
|
|
1526
|
+
new Error(`Validation failed on page ${G.id}`)
|
|
1527
1527
|
);
|
|
1528
1528
|
return;
|
|
1529
1529
|
}
|
|
1530
1530
|
if (x({}), l < e.length - 1) {
|
|
1531
|
-
const
|
|
1532
|
-
s(
|
|
1531
|
+
const k = l + 1;
|
|
1532
|
+
s(k), (C = w.current) == null || C.call(w, k, e[k].id);
|
|
1533
1533
|
} else
|
|
1534
|
-
(p =
|
|
1535
|
-
}, [
|
|
1536
|
-
x({}), s((
|
|
1537
|
-
const g = Math.max(0,
|
|
1538
|
-
return g !==
|
|
1534
|
+
(p = z.current) == null || p.call(z, P);
|
|
1535
|
+
}, [G, l, e, P, I]), ne = ce(() => {
|
|
1536
|
+
x({}), s((O) => {
|
|
1537
|
+
const g = Math.max(0, O - 1);
|
|
1538
|
+
return g !== O && queueMicrotask(() => {
|
|
1539
1539
|
var D;
|
|
1540
|
-
return (D =
|
|
1540
|
+
return (D = w.current) == null ? void 0 : D.call(w, g, e[g].id);
|
|
1541
1541
|
}), g;
|
|
1542
1542
|
});
|
|
1543
|
-
}, [e]),
|
|
1544
|
-
(
|
|
1543
|
+
}, [e]), E = ce(
|
|
1544
|
+
(O) => {
|
|
1545
1545
|
var g;
|
|
1546
|
-
|
|
1546
|
+
O >= 0 && O < e.length && (x({}), s(O), (g = w.current) == null || g.call(w, O, e[O].id));
|
|
1547
1547
|
},
|
|
1548
1548
|
[e]
|
|
1549
|
-
),
|
|
1550
|
-
const
|
|
1549
|
+
), F = He(() => {
|
|
1550
|
+
const O = /* @__PURE__ */ new Map();
|
|
1551
1551
|
for (const D of e)
|
|
1552
|
-
D.stepper &&
|
|
1553
|
-
const g =
|
|
1554
|
-
return Array.from(
|
|
1552
|
+
D.stepper && O.set(D.stepper.position, D.stepper);
|
|
1553
|
+
const g = G == null ? void 0 : G.stepper;
|
|
1554
|
+
return Array.from(O.values()).sort((D, C) => D.position - C.position).map((D) => ({
|
|
1555
1555
|
...D,
|
|
1556
1556
|
active: (g == null ? void 0 : g.position) === D.position,
|
|
1557
1557
|
completed: g ? D.position < g.position : !1
|
|
1558
1558
|
}));
|
|
1559
|
-
}, [e,
|
|
1559
|
+
}, [e, G]), ae = He(
|
|
1560
1560
|
() => ({
|
|
1561
1561
|
pages: e,
|
|
1562
1562
|
currentPageIndex: l,
|
|
1563
|
-
getAnswer:
|
|
1564
|
-
setAnswer:
|
|
1565
|
-
goToNext:
|
|
1566
|
-
goToPrev:
|
|
1567
|
-
goToPage:
|
|
1563
|
+
getAnswer: I,
|
|
1564
|
+
setAnswer: L,
|
|
1565
|
+
goToNext: V,
|
|
1566
|
+
goToPrev: ne,
|
|
1567
|
+
goToPage: E,
|
|
1568
1568
|
validationErrors: u,
|
|
1569
|
-
stepperSteps:
|
|
1569
|
+
stepperSteps: F
|
|
1570
1570
|
}),
|
|
1571
1571
|
[
|
|
1572
1572
|
e,
|
|
1573
1573
|
l,
|
|
1574
|
-
|
|
1575
|
-
|
|
1576
|
-
|
|
1577
|
-
|
|
1578
|
-
|
|
1574
|
+
I,
|
|
1575
|
+
L,
|
|
1576
|
+
V,
|
|
1577
|
+
ne,
|
|
1578
|
+
E,
|
|
1579
1579
|
u,
|
|
1580
|
-
|
|
1580
|
+
F
|
|
1581
1581
|
]
|
|
1582
1582
|
);
|
|
1583
|
-
return /* @__PURE__ */ t.jsx(Gt.Provider, { value:
|
|
1584
|
-
}, an = "_layoutContainer_1g5ms_8", cn = "_sidebarContainer_1g5ms_18", sn = "_mainContent_1g5ms_23", on = "_reviewCardContainer_1g5ms_28", ln = "_pageContainer_1g5ms_57", un = "_pageTitle_1g5ms_62", dn = "_pageSubtitle_1g5ms_71", fn = "_section_1g5ms_79", jn = "_sectionHeader_1g5ms_88", Pn = "_sectionIcon_1g5ms_95", Hn = "_sectionTitle_1g5ms_101", xn = "_subsectionTitle_1g5ms_109", pn = "_sectionGroup_1g5ms_117", kn = "_sectionSub_1g5ms_121", yn = "_sectionFields_1g5ms_131", bn = "_legalText_1g5ms_137",
|
|
1583
|
+
return /* @__PURE__ */ t.jsx(Gt.Provider, { value: ae, children: d });
|
|
1584
|
+
}, an = "_layoutContainer_1g5ms_8", cn = "_sidebarContainer_1g5ms_18", sn = "_mainContent_1g5ms_23", on = "_reviewCardContainer_1g5ms_28", ln = "_pageContainer_1g5ms_57", un = "_pageTitle_1g5ms_62", dn = "_pageSubtitle_1g5ms_71", fn = "_section_1g5ms_79", jn = "_sectionHeader_1g5ms_88", Pn = "_sectionIcon_1g5ms_95", Hn = "_sectionTitle_1g5ms_101", xn = "_subsectionTitle_1g5ms_109", pn = "_sectionGroup_1g5ms_117", kn = "_sectionSub_1g5ms_121", yn = "_sectionFields_1g5ms_131", bn = "_legalText_1g5ms_137", wn = "_navigationContainer_1g5ms_152", vn = "_buttonPrimary_1g5ms_158", gn = "_buttonSecondary_1g5ms_178", mn = "_arrowIcon_1g5ms_200", On = "_sidebar_1g5ms_18", Sn = "_stepList_1g5ms_217", hn = "_stepItem_1g5ms_226", zn = "_stepButton_1g5ms_230", Vn = "_stepActive_1g5ms_252", Bn = "_stepCompleted_1g5ms_259", Xn = "_stepIndicator_1g5ms_268", Dn = "_sidebarAttribution_1g5ms_278", Gn = "_reviewCard_1g5ms_28", Rn = "_reviewMapArea_1g5ms_306", Wn = "_reviewMapImage_1g5ms_315", qn = "_reviewMapDynamic_1g5ms_322", In = "_reviewMapLoaded_1g5ms_330", Mn = "_reviewBody_1g5ms_338", Tn = "_reviewAddressSection_1g5ms_342", Zn = "_reviewAddressText_1g5ms_349", Jn = "_reviewAddressStreet_1g5ms_355", Nn = "_reviewAddressCityState_1g5ms_362", Yn = "_reviewEditLink_1g5ms_368", Kn = "_reviewStatsGrid_1g5ms_379", Ln = "_reviewStatsGridWithDivider_1g5ms_385", En = "_reviewStatItem_1g5ms_391", Cn = "_reviewStatIcon_1g5ms_400", Qn = "_reviewSection_1g5ms_406", Un = "_reviewSectionHeader_1g5ms_410", Fn = "_reviewSectionTitle_1g5ms_417", _n = "_reviewCheckList_1g5ms_424", $n = "_reviewCheckItem_1g5ms_433", eA = "_reviewCheckIcon_1g5ms_443", tA = "_reviewMoreLink_1g5ms_451", v = {
|
|
1585
1585
|
layoutContainer: an,
|
|
1586
1586
|
sidebarContainer: cn,
|
|
1587
1587
|
mainContent: sn,
|
|
@@ -1598,22 +1598,22 @@ const An = ({
|
|
|
1598
1598
|
sectionSub: kn,
|
|
1599
1599
|
sectionFields: yn,
|
|
1600
1600
|
legalText: bn,
|
|
1601
|
-
navigationContainer:
|
|
1602
|
-
buttonPrimary:
|
|
1601
|
+
navigationContainer: wn,
|
|
1602
|
+
buttonPrimary: vn,
|
|
1603
1603
|
buttonSecondary: gn,
|
|
1604
1604
|
arrowIcon: mn,
|
|
1605
1605
|
sidebar: On,
|
|
1606
1606
|
stepList: Sn,
|
|
1607
|
-
stepItem:
|
|
1608
|
-
stepButton:
|
|
1609
|
-
stepActive:
|
|
1610
|
-
stepCompleted:
|
|
1607
|
+
stepItem: hn,
|
|
1608
|
+
stepButton: zn,
|
|
1609
|
+
stepActive: Vn,
|
|
1610
|
+
stepCompleted: Bn,
|
|
1611
1611
|
stepIndicator: Xn,
|
|
1612
1612
|
sidebarAttribution: Dn,
|
|
1613
1613
|
reviewCard: Gn,
|
|
1614
1614
|
reviewMapArea: Rn,
|
|
1615
|
-
reviewMapImage:
|
|
1616
|
-
reviewMapDynamic:
|
|
1615
|
+
reviewMapImage: Wn,
|
|
1616
|
+
reviewMapDynamic: qn,
|
|
1617
1617
|
reviewMapLoaded: In,
|
|
1618
1618
|
reviewBody: Mn,
|
|
1619
1619
|
reviewAddressSection: Tn,
|
|
@@ -1666,12 +1666,12 @@ const An = ({
|
|
|
1666
1666
|
active: !1
|
|
1667
1667
|
}
|
|
1668
1668
|
];
|
|
1669
|
-
return /* @__PURE__ */ t.jsxs("nav", { className:
|
|
1670
|
-
/* @__PURE__ */ t.jsx("ul", { className:
|
|
1669
|
+
return /* @__PURE__ */ t.jsxs("nav", { className: v.sidebar, "aria-label": "Qualification progress", children: [
|
|
1670
|
+
/* @__PURE__ */ t.jsx("ul", { className: v.stepList, children: c.map((o) => /* @__PURE__ */ t.jsx("li", { className: v.stepItem, children: /* @__PURE__ */ t.jsxs(
|
|
1671
1671
|
"button",
|
|
1672
1672
|
{
|
|
1673
1673
|
type: "button",
|
|
1674
|
-
className: `${
|
|
1674
|
+
className: `${v.stepButton} ${o.active ? v.stepActive : ""} ${o.completed ? v.stepCompleted : ""}`.trim(),
|
|
1675
1675
|
onClick: () => {
|
|
1676
1676
|
o.completed && (a.trackPlatform({
|
|
1677
1677
|
linkClickEvent: {
|
|
@@ -1683,13 +1683,13 @@ const An = ({
|
|
|
1683
1683
|
"aria-current": o.active ? "step" : void 0,
|
|
1684
1684
|
children: [
|
|
1685
1685
|
/* @__PURE__ */ t.jsx("span", { children: o.label }),
|
|
1686
|
-
o.completed && /* @__PURE__ */ t.jsx("span", { className:
|
|
1686
|
+
o.completed && /* @__PURE__ */ t.jsx("span", { className: v.stepIndicator, children: /* @__PURE__ */ t.jsx(rA, {}) })
|
|
1687
1687
|
]
|
|
1688
1688
|
}
|
|
1689
1689
|
) }, o.position)) }),
|
|
1690
|
-
e && /* @__PURE__ */ t.jsx("div", { className:
|
|
1690
|
+
e && /* @__PURE__ */ t.jsx("div", { className: v.sidebarAttribution, children: /* @__PURE__ */ t.jsx(Dt, {}) })
|
|
1691
1691
|
] });
|
|
1692
|
-
}, AA = "_fieldWrapper_cfpjd_2", aA = "_fieldLabel_cfpjd_8", cA = "_fieldDescription_cfpjd_20", sA = "_fieldError_cfpjd_27", oA = "_inputWrapper_cfpjd_35", lA = "_dropdown_cfpjd_42", uA = "_input_cfpjd_35", iA = "_inputSuffix_cfpjd_96", dA = "_currencyPrefix_cfpjd_106", fA = "_currencyInput_cfpjd_116", jA = "_checkboxGroup_cfpjd_135", PA = "_checkboxOption_cfpjd_141", HA = "_checkboxOptionSelected_cfpjd_157", xA = "_checkboxInput_cfpjd_162", pA = "_checkboxLabelGroup_cfpjd_195", kA = "_checkboxLabel_cfpjd_195", yA = "_checkboxDescription_cfpjd_208", bA = "_toggleWrapper_cfpjd_215",
|
|
1692
|
+
}, AA = "_fieldWrapper_cfpjd_2", aA = "_fieldLabel_cfpjd_8", cA = "_fieldDescription_cfpjd_20", sA = "_fieldError_cfpjd_27", oA = "_inputWrapper_cfpjd_35", lA = "_dropdown_cfpjd_42", uA = "_input_cfpjd_35", iA = "_inputSuffix_cfpjd_96", dA = "_currencyPrefix_cfpjd_106", fA = "_currencyInput_cfpjd_116", jA = "_checkboxGroup_cfpjd_135", PA = "_checkboxOption_cfpjd_141", HA = "_checkboxOptionSelected_cfpjd_157", xA = "_checkboxInput_cfpjd_162", pA = "_checkboxLabelGroup_cfpjd_195", kA = "_checkboxLabel_cfpjd_195", yA = "_checkboxDescription_cfpjd_208", bA = "_toggleWrapper_cfpjd_215", wA = "_toggleBare_cfpjd_221", vA = "_toggleCheckbox_cfpjd_229", gA = "_toggleLabelGroup_cfpjd_261", mA = "_toggleBareLabel_cfpjd_267", OA = "_toggleBareDescription_cfpjd_273", SA = "_radioGroup_cfpjd_280", hA = "_radioGroupInline_cfpjd_287", zA = "_radioButtonPill_cfpjd_292", VA = "_radioButtonPillSelected_cfpjd_312", BA = "_radioOption_cfpjd_318", XA = "_radioOptionSelected_cfpjd_334", DA = "_radioInput_cfpjd_339", GA = "_radioLabel_cfpjd_346", RA = "_cardGroup_cfpjd_354", WA = "_card_cfpjd_354", qA = "_cardGroupWithImages_cfpjd_379", IA = "_cardWithImage_cfpjd_385", MA = "_cardImage_cfpjd_403", TA = "_cardSelected_cfpjd_410", ZA = "_cardLabel_cfpjd_417", JA = "_cardDescription_cfpjd_425", B = {
|
|
1693
1693
|
fieldWrapper: AA,
|
|
1694
1694
|
fieldLabel: aA,
|
|
1695
1695
|
fieldDescription: cA,
|
|
@@ -1708,28 +1708,28 @@ const An = ({
|
|
|
1708
1708
|
checkboxLabel: kA,
|
|
1709
1709
|
checkboxDescription: yA,
|
|
1710
1710
|
toggleWrapper: bA,
|
|
1711
|
-
toggleBare:
|
|
1712
|
-
toggleCheckbox:
|
|
1711
|
+
toggleBare: wA,
|
|
1712
|
+
toggleCheckbox: vA,
|
|
1713
1713
|
toggleLabelGroup: gA,
|
|
1714
1714
|
toggleBareLabel: mA,
|
|
1715
1715
|
toggleBareDescription: OA,
|
|
1716
1716
|
radioGroup: SA,
|
|
1717
|
-
radioGroupInline:
|
|
1718
|
-
radioButtonPill:
|
|
1719
|
-
radioButtonPillSelected:
|
|
1720
|
-
radioOption:
|
|
1717
|
+
radioGroupInline: hA,
|
|
1718
|
+
radioButtonPill: zA,
|
|
1719
|
+
radioButtonPillSelected: VA,
|
|
1720
|
+
radioOption: BA,
|
|
1721
1721
|
radioOptionSelected: XA,
|
|
1722
1722
|
radioInput: DA,
|
|
1723
1723
|
radioLabel: GA,
|
|
1724
1724
|
cardGroup: RA,
|
|
1725
|
-
card:
|
|
1726
|
-
cardGroupWithImages:
|
|
1725
|
+
card: WA,
|
|
1726
|
+
cardGroupWithImages: qA,
|
|
1727
1727
|
cardWithImage: IA,
|
|
1728
1728
|
cardImage: MA,
|
|
1729
1729
|
cardSelected: TA,
|
|
1730
1730
|
cardLabel: ZA,
|
|
1731
1731
|
cardDescription: JA
|
|
1732
|
-
},
|
|
1732
|
+
}, he = ({
|
|
1733
1733
|
question: e,
|
|
1734
1734
|
children: r
|
|
1735
1735
|
}) => {
|
|
@@ -1746,7 +1746,7 @@ const An = ({
|
|
|
1746
1746
|
const d = i.target.value;
|
|
1747
1747
|
e.type === "number" ? n(e.key, d === "" ? void 0 : Number(d)) : n(e.key, d === "" ? void 0 : d);
|
|
1748
1748
|
};
|
|
1749
|
-
return /* @__PURE__ */ t.jsx(
|
|
1749
|
+
return /* @__PURE__ */ t.jsx(he, { question: e, children: /* @__PURE__ */ t.jsxs(
|
|
1750
1750
|
"select",
|
|
1751
1751
|
{
|
|
1752
1752
|
className: B.dropdown,
|
|
@@ -1763,7 +1763,7 @@ const An = ({
|
|
|
1763
1763
|
const i = o.target.value;
|
|
1764
1764
|
e.type === "number" ? n(e.key, i === "" ? void 0 : Number(i)) : n(e.key, i);
|
|
1765
1765
|
};
|
|
1766
|
-
return /* @__PURE__ */ t.jsx(
|
|
1766
|
+
return /* @__PURE__ */ t.jsx(he, { question: e, children: /* @__PURE__ */ t.jsxs("div", { className: B.inputWrapper, children: [
|
|
1767
1767
|
/* @__PURE__ */ t.jsx(
|
|
1768
1768
|
"input",
|
|
1769
1769
|
{
|
|
@@ -1804,7 +1804,7 @@ const EA = ({ question: e }) => {
|
|
|
1804
1804
|
), d = ce(() => {
|
|
1805
1805
|
o(gt(a));
|
|
1806
1806
|
}, [a]);
|
|
1807
|
-
return /* @__PURE__ */ t.jsx(
|
|
1807
|
+
return /* @__PURE__ */ t.jsx(he, { question: e, children: /* @__PURE__ */ t.jsxs("div", { className: B.inputWrapper, children: [
|
|
1808
1808
|
/* @__PURE__ */ t.jsx("span", { className: B.currencyPrefix, children: "$" }),
|
|
1809
1809
|
/* @__PURE__ */ t.jsx(
|
|
1810
1810
|
"input",
|
|
@@ -1844,7 +1844,7 @@ const EA = ({ question: e }) => {
|
|
|
1844
1844
|
const P = [...c.filter((b) => !o.has(b)), u];
|
|
1845
1845
|
n(e.key, P);
|
|
1846
1846
|
};
|
|
1847
|
-
return /* @__PURE__ */ t.jsx(
|
|
1847
|
+
return /* @__PURE__ */ t.jsx(he, { question: e, children: /* @__PURE__ */ t.jsx("div", { className: B.checkboxGroup, children: (l = e.options) == null ? void 0 : l.map((s) => {
|
|
1848
1848
|
const u = c.includes(String(s.value));
|
|
1849
1849
|
return /* @__PURE__ */ t.jsxs(
|
|
1850
1850
|
"label",
|
|
@@ -1879,7 +1879,7 @@ const EA = ({ question: e }) => {
|
|
|
1879
1879
|
}
|
|
1880
1880
|
}), e.type === "number" ? n(e.key, Number(s)) : n(e.key, String(s));
|
|
1881
1881
|
}, i = ((d = e.options) == null ? void 0 : d.length) === 2;
|
|
1882
|
-
return /* @__PURE__ */ t.jsx(
|
|
1882
|
+
return /* @__PURE__ */ t.jsx(he, { question: e, children: /* @__PURE__ */ t.jsx("div", { className: i ? B.radioGroupInline : B.radioGroup, children: (l = e.options) == null ? void 0 : l.map((s) => {
|
|
1883
1883
|
const u = String(c) === String(s.value);
|
|
1884
1884
|
return i ? /* @__PURE__ */ t.jsx(
|
|
1885
1885
|
"button",
|
|
@@ -1918,7 +1918,7 @@ const EA = ({ question: e }) => {
|
|
|
1918
1918
|
buttonClickEvent: { targetName: `partner-sdk-${e.key}` }
|
|
1919
1919
|
}), e.type === "number" ? n(e.key, Number(s)) : n(e.key, String(s));
|
|
1920
1920
|
}, i = (d = e.options) == null ? void 0 : d.some((s) => s.image);
|
|
1921
|
-
return /* @__PURE__ */ t.jsx(
|
|
1921
|
+
return /* @__PURE__ */ t.jsx(he, { question: e, children: /* @__PURE__ */ t.jsx(
|
|
1922
1922
|
"div",
|
|
1923
1923
|
{
|
|
1924
1924
|
className: i ? B.cardGroupWithImages : B.cardGroup,
|
|
@@ -1995,7 +1995,7 @@ const _A = ({ question: e }) => {
|
|
|
1995
1995
|
const l = $e(a);
|
|
1996
1996
|
o(_e(l));
|
|
1997
1997
|
}, [a]);
|
|
1998
|
-
return /* @__PURE__ */ t.jsx(
|
|
1998
|
+
return /* @__PURE__ */ t.jsx(he, { question: e, children: /* @__PURE__ */ t.jsx(
|
|
1999
1999
|
"input",
|
|
2000
2000
|
{
|
|
2001
2001
|
className: B.input,
|
|
@@ -2008,12 +2008,12 @@ const _A = ({ question: e }) => {
|
|
|
2008
2008
|
}
|
|
2009
2009
|
) });
|
|
2010
2010
|
}, et = /* @__PURE__ */ new Set(["input", "dropdown", "currency", "phone"]), $A = ({ question: e }) => {
|
|
2011
|
-
const { getAnswer: r, setAnswer: n } = le(), a = ue(), c =
|
|
2011
|
+
const { getAnswer: r, setAnswer: n } = le(), a = ue(), c = Z(a);
|
|
2012
2012
|
c.current = a;
|
|
2013
2013
|
const o = et.has(e.style), i = at(
|
|
2014
2014
|
o ? `partner-sdk-${e.key}` : ""
|
|
2015
2015
|
);
|
|
2016
|
-
|
|
2016
|
+
U(() => {
|
|
2017
2017
|
r(e.key) === void 0 && (e.defaultValue !== void 0 ? n(e.key, e.defaultValue) : e.style === "toggle" && e.required && n(e.key, !1));
|
|
2018
2018
|
}, []);
|
|
2019
2019
|
const d = ce(() => {
|
|
@@ -2085,12 +2085,12 @@ const _A = ({ question: e }) => {
|
|
|
2085
2085
|
}
|
|
2086
2086
|
}), a();
|
|
2087
2087
|
};
|
|
2088
|
-
return /* @__PURE__ */ t.jsxs("div", { className:
|
|
2088
|
+
return /* @__PURE__ */ t.jsxs("div", { className: v.navigationContainer, children: [
|
|
2089
2089
|
!o && /* @__PURE__ */ t.jsx(
|
|
2090
2090
|
"button",
|
|
2091
2091
|
{
|
|
2092
2092
|
type: "button",
|
|
2093
|
-
className:
|
|
2093
|
+
className: v.buttonSecondary,
|
|
2094
2094
|
onClick: s,
|
|
2095
2095
|
children: "Back"
|
|
2096
2096
|
}
|
|
@@ -2099,20 +2099,20 @@ const _A = ({ question: e }) => {
|
|
|
2099
2099
|
"button",
|
|
2100
2100
|
{
|
|
2101
2101
|
type: "button",
|
|
2102
|
-
className:
|
|
2102
|
+
className: v.buttonPrimary,
|
|
2103
2103
|
onClick: l,
|
|
2104
2104
|
children: [
|
|
2105
2105
|
/* @__PURE__ */ t.jsx("span", { children: "Continue" }),
|
|
2106
|
-
/* @__PURE__ */ t.jsx("span", { className:
|
|
2106
|
+
/* @__PURE__ */ t.jsx("span", { className: v.arrowIcon, children: /* @__PURE__ */ t.jsx(ea, {}) })
|
|
2107
2107
|
]
|
|
2108
2108
|
}
|
|
2109
2109
|
)
|
|
2110
2110
|
] });
|
|
2111
2111
|
}, ra = () => {
|
|
2112
|
-
const { pages: e, currentPageIndex: r, getAnswer: n } = le(), a = ue(), c = e[r], o =
|
|
2113
|
-
|
|
2112
|
+
const { pages: e, currentPageIndex: r, getAnswer: n } = le(), a = ue(), c = e[r], o = Z(null), i = Z(!0);
|
|
2113
|
+
U(() => {
|
|
2114
2114
|
a.trackPlatform({ pageViewEvent: {} });
|
|
2115
|
-
}, [r, a]),
|
|
2115
|
+
}, [r, a]), U(() => {
|
|
2116
2116
|
if (i.current) {
|
|
2117
2117
|
i.current = !1;
|
|
2118
2118
|
return;
|
|
@@ -2133,33 +2133,33 @@ const _A = ({ question: e }) => {
|
|
|
2133
2133
|
() => c ? Rt(c, n) : null,
|
|
2134
2134
|
[c, n]
|
|
2135
2135
|
);
|
|
2136
|
-
return !c || !d ? null : /* @__PURE__ */ t.jsxs("div", { ref: o, className:
|
|
2137
|
-
/* @__PURE__ */ t.jsx("h2", { className:
|
|
2138
|
-
c.subtitle && /* @__PURE__ */ t.jsx("p", { className:
|
|
2136
|
+
return !c || !d ? null : /* @__PURE__ */ t.jsxs("div", { ref: o, className: v.pageContainer, children: [
|
|
2137
|
+
/* @__PURE__ */ t.jsx("h2", { className: v.pageTitle, children: c.title }),
|
|
2138
|
+
c.subtitle && /* @__PURE__ */ t.jsx("p", { className: v.pageSubtitle, children: c.subtitle }),
|
|
2139
2139
|
d.sections.map((l) => {
|
|
2140
2140
|
const s = !!l.icon;
|
|
2141
2141
|
return /* @__PURE__ */ t.jsxs(
|
|
2142
2142
|
"div",
|
|
2143
2143
|
{
|
|
2144
|
-
className: `${
|
|
2144
|
+
className: `${v.section} ${s ? v.sectionGroup : ""} ${!s && l.title ? v.sectionSub : ""}`.trim(),
|
|
2145
2145
|
children: [
|
|
2146
|
-
l.title && /* @__PURE__ */ t.jsxs("div", { className:
|
|
2147
|
-
l.icon && /* @__PURE__ */ t.jsx("span", { className:
|
|
2146
|
+
l.title && /* @__PURE__ */ t.jsxs("div", { className: v.sectionHeader, children: [
|
|
2147
|
+
l.icon && /* @__PURE__ */ t.jsx("span", { className: v.sectionIcon, children: l.icon }),
|
|
2148
2148
|
/* @__PURE__ */ t.jsx(
|
|
2149
2149
|
"h3",
|
|
2150
2150
|
{
|
|
2151
|
-
className: s ?
|
|
2151
|
+
className: s ? v.sectionTitle : v.subsectionTitle,
|
|
2152
2152
|
children: l.title
|
|
2153
2153
|
}
|
|
2154
2154
|
)
|
|
2155
2155
|
] }),
|
|
2156
|
-
l.questions.length > 0 && /* @__PURE__ */ t.jsx("div", { className:
|
|
2156
|
+
l.questions.length > 0 && /* @__PURE__ */ t.jsx("div", { className: v.sectionFields, children: l.questions.map((u) => /* @__PURE__ */ t.jsx($A, { question: u }, u.key)) })
|
|
2157
2157
|
]
|
|
2158
2158
|
},
|
|
2159
2159
|
l.id
|
|
2160
2160
|
);
|
|
2161
2161
|
}),
|
|
2162
|
-
c.id === "contact-info" && /* @__PURE__ */ t.jsxs("p", { className:
|
|
2162
|
+
c.id === "contact-info" && /* @__PURE__ */ t.jsxs("p", { className: v.legalText, children: [
|
|
2163
2163
|
"By submitting your details, you consent to receive a no-obligation offer from",
|
|
2164
2164
|
" ",
|
|
2165
2165
|
/* @__PURE__ */ t.jsx(
|
|
@@ -2202,9 +2202,9 @@ const _A = ({ question: e }) => {
|
|
|
2202
2202
|
function ia(e, r, n) {
|
|
2203
2203
|
return e.startsWith("http://") || e.startsWith("https://") ? `url-${encodeURIComponent(e)}(${r},${n})` : `${e}(${r},${n})`;
|
|
2204
2204
|
}
|
|
2205
|
-
function
|
|
2205
|
+
function Wt(e, r) {
|
|
2206
2206
|
const n = (r == null ? void 0 : r.mapboxAccessToken) ?? ca, a = (r == null ? void 0 : r.mapPinMarker) ?? sa, c = (r == null ? void 0 : r.width) ?? oa, o = (r == null ? void 0 : r.height) ?? la, i = (r == null ? void 0 : r.zoom) ?? ua, [d, l] = W(void 0), [s, u] = W("loading");
|
|
2207
|
-
return
|
|
2207
|
+
return U(() => {
|
|
2208
2208
|
u("loading");
|
|
2209
2209
|
const x = [
|
|
2210
2210
|
e.street1,
|
|
@@ -2214,20 +2214,20 @@ function qt(e, r) {
|
|
|
2214
2214
|
].join(" ");
|
|
2215
2215
|
let P = !1;
|
|
2216
2216
|
async function b() {
|
|
2217
|
-
var
|
|
2217
|
+
var z, w;
|
|
2218
2218
|
try {
|
|
2219
2219
|
const q = `${Aa}/${encodeURIComponent(x)}.json?access_token=${n}&limit=1`, X = await fetch(q);
|
|
2220
2220
|
if (!X.ok || P) {
|
|
2221
2221
|
P || u("error");
|
|
2222
2222
|
return;
|
|
2223
2223
|
}
|
|
2224
|
-
const
|
|
2225
|
-
if (!
|
|
2224
|
+
const S = (w = (z = (await X.json()).features) == null ? void 0 : z[0]) == null ? void 0 : w.center;
|
|
2225
|
+
if (!S || P) {
|
|
2226
2226
|
P || u("error");
|
|
2227
2227
|
return;
|
|
2228
2228
|
}
|
|
2229
|
-
const [
|
|
2230
|
-
P || l(
|
|
2229
|
+
const [I, N] = S, L = ia(a, I, N), G = `${aa}/${L}/${I},${N},${i}/${c}x${o}@2x?access_token=${n}&attribution=false&logo=false`;
|
|
2230
|
+
P || l(G);
|
|
2231
2231
|
} catch {
|
|
2232
2232
|
P || u("error");
|
|
2233
2233
|
}
|
|
@@ -2364,31 +2364,31 @@ const pa = ({
|
|
|
2364
2364
|
mapPinMarker: a,
|
|
2365
2365
|
onEditAddress: c
|
|
2366
2366
|
}) => {
|
|
2367
|
-
const { url: o } =
|
|
2367
|
+
const { url: o } = Wt(e, {
|
|
2368
2368
|
mapboxAccessToken: n,
|
|
2369
2369
|
mapPinMarker: a
|
|
2370
|
-
}), [i, d] = W(!1), { pages: l, currentPageIndex: s, getAnswer: u, goToPage: x } = le(), P = ue(), b = u("home.bedrooms"),
|
|
2371
|
-
var
|
|
2372
|
-
const
|
|
2373
|
-
for (let
|
|
2374
|
-
const
|
|
2375
|
-
if (!
|
|
2376
|
-
const
|
|
2377
|
-
|
|
2378
|
-
pageIndex:
|
|
2379
|
-
title: ((
|
|
2380
|
-
labels:
|
|
2370
|
+
}), [i, d] = W(!1), { pages: l, currentPageIndex: s, getAnswer: u, goToPage: x } = le(), P = ue(), b = u("home.bedrooms"), z = u("home.bathrooms.full"), w = u("home.bathrooms.half"), q = LA(z, w), X = u("home.above_grade_sq_ft"), J = u("home.year_built"), S = He(() => {
|
|
2371
|
+
var N;
|
|
2372
|
+
const I = [];
|
|
2373
|
+
for (let L = 1; L < s; L++) {
|
|
2374
|
+
const G = l[L];
|
|
2375
|
+
if (!G) continue;
|
|
2376
|
+
const V = Rt(G, u), ne = xa(V, u);
|
|
2377
|
+
ne.length > 0 && I.push({
|
|
2378
|
+
pageIndex: L,
|
|
2379
|
+
title: ((N = G.stepper) == null ? void 0 : N.label) || G.title,
|
|
2380
|
+
labels: ne
|
|
2381
2381
|
});
|
|
2382
2382
|
}
|
|
2383
|
-
return
|
|
2383
|
+
return I;
|
|
2384
2384
|
}, [l, s, u]);
|
|
2385
|
-
return /* @__PURE__ */ t.jsxs("div", { className:
|
|
2386
|
-
/* @__PURE__ */ t.jsx("div", { className:
|
|
2385
|
+
return /* @__PURE__ */ t.jsxs("div", { className: v.reviewCard, children: [
|
|
2386
|
+
/* @__PURE__ */ t.jsx("div", { className: v.reviewMapArea, children: r ? /* @__PURE__ */ t.jsx("img", { src: r, alt: "Map", className: v.reviewMapImage }) : o ? /* @__PURE__ */ t.jsx(
|
|
2387
2387
|
"img",
|
|
2388
2388
|
{
|
|
2389
2389
|
src: o,
|
|
2390
2390
|
alt: "Map",
|
|
2391
|
-
className: `${
|
|
2391
|
+
className: `${v.reviewMapImage} ${v.reviewMapDynamic} ${i ? v.reviewMapLoaded : ""}`.trim(),
|
|
2392
2392
|
onLoad: () => d(!0)
|
|
2393
2393
|
}
|
|
2394
2394
|
) : /* @__PURE__ */ t.jsx(
|
|
@@ -2396,17 +2396,17 @@ const pa = ({
|
|
|
2396
2396
|
{
|
|
2397
2397
|
src: na,
|
|
2398
2398
|
alt: "Map",
|
|
2399
|
-
className:
|
|
2399
|
+
className: v.reviewMapImage
|
|
2400
2400
|
}
|
|
2401
2401
|
) }),
|
|
2402
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
2403
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
2404
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
2405
|
-
/* @__PURE__ */ t.jsxs("span", { className:
|
|
2402
|
+
/* @__PURE__ */ t.jsxs("div", { className: v.reviewBody, children: [
|
|
2403
|
+
/* @__PURE__ */ t.jsxs("div", { className: v.reviewAddressSection, children: [
|
|
2404
|
+
/* @__PURE__ */ t.jsxs("div", { className: v.reviewAddressText, children: [
|
|
2405
|
+
/* @__PURE__ */ t.jsxs("span", { className: v.reviewAddressStreet, children: [
|
|
2406
2406
|
e.street1,
|
|
2407
2407
|
e.street2 ? ` ${e.street2}` : ""
|
|
2408
2408
|
] }),
|
|
2409
|
-
/* @__PURE__ */ t.jsxs("span", { className:
|
|
2409
|
+
/* @__PURE__ */ t.jsxs("span", { className: v.reviewAddressCityState, children: [
|
|
2410
2410
|
e.city,
|
|
2411
2411
|
", ",
|
|
2412
2412
|
e.state,
|
|
@@ -2418,7 +2418,7 @@ const pa = ({
|
|
|
2418
2418
|
"button",
|
|
2419
2419
|
{
|
|
2420
2420
|
type: "button",
|
|
2421
|
-
className:
|
|
2421
|
+
className: v.reviewEditLink,
|
|
2422
2422
|
onClick: () => {
|
|
2423
2423
|
P.trackPlatform({
|
|
2424
2424
|
linkClickEvent: { targetName: "partner-sdk-edit-address" }
|
|
@@ -2431,36 +2431,36 @@ const pa = ({
|
|
|
2431
2431
|
/* @__PURE__ */ t.jsxs(
|
|
2432
2432
|
"div",
|
|
2433
2433
|
{
|
|
2434
|
-
className: `${
|
|
2434
|
+
className: `${v.reviewStatsGrid} ${S.length > 0 ? v.reviewStatsGridWithDivider : ""}`.trim(),
|
|
2435
2435
|
children: [
|
|
2436
|
-
b !== void 0 && /* @__PURE__ */ t.jsxs("span", { className:
|
|
2437
|
-
/* @__PURE__ */ t.jsx("span", { className:
|
|
2436
|
+
b !== void 0 && /* @__PURE__ */ t.jsxs("span", { className: v.reviewStatItem, children: [
|
|
2437
|
+
/* @__PURE__ */ t.jsx("span", { className: v.reviewStatIcon, children: /* @__PURE__ */ t.jsx(da, {}) }),
|
|
2438
2438
|
b
|
|
2439
2439
|
] }),
|
|
2440
|
-
q !== void 0 && /* @__PURE__ */ t.jsxs("span", { className:
|
|
2441
|
-
/* @__PURE__ */ t.jsx("span", { className:
|
|
2440
|
+
q !== void 0 && /* @__PURE__ */ t.jsxs("span", { className: v.reviewStatItem, children: [
|
|
2441
|
+
/* @__PURE__ */ t.jsx("span", { className: v.reviewStatIcon, children: /* @__PURE__ */ t.jsx(fa, {}) }),
|
|
2442
2442
|
q
|
|
2443
2443
|
] }),
|
|
2444
|
-
X !== void 0 && /* @__PURE__ */ t.jsxs("span", { className:
|
|
2445
|
-
/* @__PURE__ */ t.jsx("span", { className:
|
|
2444
|
+
X !== void 0 && /* @__PURE__ */ t.jsxs("span", { className: v.reviewStatItem, children: [
|
|
2445
|
+
/* @__PURE__ */ t.jsx("span", { className: v.reviewStatIcon, children: /* @__PURE__ */ t.jsx(ja, {}) }),
|
|
2446
2446
|
X.toLocaleString("en-US"),
|
|
2447
2447
|
" sq ft"
|
|
2448
2448
|
] }),
|
|
2449
|
-
|
|
2450
|
-
/* @__PURE__ */ t.jsx("span", { className:
|
|
2451
|
-
|
|
2449
|
+
J !== void 0 && /* @__PURE__ */ t.jsxs("span", { className: v.reviewStatItem, children: [
|
|
2450
|
+
/* @__PURE__ */ t.jsx("span", { className: v.reviewStatIcon, children: /* @__PURE__ */ t.jsx(Pa, {}) }),
|
|
2451
|
+
J
|
|
2452
2452
|
] })
|
|
2453
2453
|
]
|
|
2454
2454
|
}
|
|
2455
2455
|
),
|
|
2456
|
-
|
|
2456
|
+
S.map((I) => /* @__PURE__ */ t.jsx(
|
|
2457
2457
|
ka,
|
|
2458
2458
|
{
|
|
2459
|
-
title:
|
|
2460
|
-
labels:
|
|
2461
|
-
onEdit: () => x(
|
|
2459
|
+
title: I.title,
|
|
2460
|
+
labels: I.labels,
|
|
2461
|
+
onEdit: () => x(I.pageIndex)
|
|
2462
2462
|
},
|
|
2463
|
-
|
|
2463
|
+
I.pageIndex
|
|
2464
2464
|
))
|
|
2465
2465
|
] })
|
|
2466
2466
|
] });
|
|
@@ -2471,28 +2471,28 @@ function ka({
|
|
|
2471
2471
|
onEdit: n
|
|
2472
2472
|
}) {
|
|
2473
2473
|
const [a, c] = W(!1), o = a ? r : r.slice(0, mt), i = r.length - mt;
|
|
2474
|
-
return /* @__PURE__ */ t.jsxs("div", { className:
|
|
2475
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
2476
|
-
/* @__PURE__ */ t.jsx("span", { className:
|
|
2474
|
+
return /* @__PURE__ */ t.jsxs("div", { className: v.reviewSection, children: [
|
|
2475
|
+
/* @__PURE__ */ t.jsxs("div", { className: v.reviewSectionHeader, children: [
|
|
2476
|
+
/* @__PURE__ */ t.jsx("span", { className: v.reviewSectionTitle, children: e }),
|
|
2477
2477
|
/* @__PURE__ */ t.jsx(
|
|
2478
2478
|
"button",
|
|
2479
2479
|
{
|
|
2480
2480
|
type: "button",
|
|
2481
|
-
className:
|
|
2481
|
+
className: v.reviewEditLink,
|
|
2482
2482
|
onClick: n,
|
|
2483
2483
|
children: "Edit"
|
|
2484
2484
|
}
|
|
2485
2485
|
)
|
|
2486
2486
|
] }),
|
|
2487
|
-
/* @__PURE__ */ t.jsx("ul", { className:
|
|
2488
|
-
/* @__PURE__ */ t.jsx("span", { className:
|
|
2487
|
+
/* @__PURE__ */ t.jsx("ul", { className: v.reviewCheckList, children: o.map((d, l) => /* @__PURE__ */ t.jsxs("li", { className: v.reviewCheckItem, children: [
|
|
2488
|
+
/* @__PURE__ */ t.jsx("span", { className: v.reviewCheckIcon, children: /* @__PURE__ */ t.jsx(Ha, {}) }),
|
|
2489
2489
|
d
|
|
2490
2490
|
] }, l)) }),
|
|
2491
2491
|
!a && i > 0 && /* @__PURE__ */ t.jsxs(
|
|
2492
2492
|
"button",
|
|
2493
2493
|
{
|
|
2494
2494
|
type: "button",
|
|
2495
|
-
className:
|
|
2495
|
+
className: v.reviewMoreLink,
|
|
2496
2496
|
onClick: () => c(!0),
|
|
2497
2497
|
children: [
|
|
2498
2498
|
"& ",
|
|
@@ -2510,10 +2510,10 @@ const ya = ({
|
|
|
2510
2510
|
mapPinMarker: a,
|
|
2511
2511
|
showAttribution: c = !0,
|
|
2512
2512
|
onEditAddress: o
|
|
2513
|
-
}) => /* @__PURE__ */ t.jsxs("div", { className:
|
|
2514
|
-
/* @__PURE__ */ t.jsx("div", { className:
|
|
2515
|
-
/* @__PURE__ */ t.jsx("div", { className:
|
|
2516
|
-
/* @__PURE__ */ t.jsx("div", { className:
|
|
2513
|
+
}) => /* @__PURE__ */ t.jsxs("div", { className: v.layoutContainer, children: [
|
|
2514
|
+
/* @__PURE__ */ t.jsx("div", { className: v.sidebarContainer, children: /* @__PURE__ */ t.jsx(nA, { showAttribution: c }) }),
|
|
2515
|
+
/* @__PURE__ */ t.jsx("div", { className: v.mainContent, children: /* @__PURE__ */ t.jsx(ra, {}) }),
|
|
2516
|
+
/* @__PURE__ */ t.jsx("div", { className: v.reviewCardContainer, children: /* @__PURE__ */ t.jsx(
|
|
2517
2517
|
pa,
|
|
2518
2518
|
{
|
|
2519
2519
|
address: e,
|
|
@@ -2526,10 +2526,10 @@ const ya = ({
|
|
|
2526
2526
|
] }), ba = Array.from({ length: 10 }, (e, r) => ({
|
|
2527
2527
|
label: String(r + 1),
|
|
2528
2528
|
value: r + 1
|
|
2529
|
-
})),
|
|
2529
|
+
})), wa = Array.from({ length: 10 }, (e, r) => ({
|
|
2530
2530
|
label: String(r + 1),
|
|
2531
2531
|
value: r + 1
|
|
2532
|
-
})),
|
|
2532
|
+
})), va = Array.from({ length: 10 }, (e, r) => ({
|
|
2533
2533
|
label: String(r),
|
|
2534
2534
|
value: r
|
|
2535
2535
|
})), Ot = (/* @__PURE__ */ new Date()).getFullYear(), ga = Array.from(
|
|
@@ -2571,7 +2571,7 @@ const ya = ({
|
|
|
2571
2571
|
question: "Bathrooms",
|
|
2572
2572
|
description: "Includes shower or tub",
|
|
2573
2573
|
required: !0,
|
|
2574
|
-
options:
|
|
2574
|
+
options: wa
|
|
2575
2575
|
},
|
|
2576
2576
|
{
|
|
2577
2577
|
key: "home.bathrooms.half",
|
|
@@ -2580,7 +2580,7 @@ const ya = ({
|
|
|
2580
2580
|
question: "Partial bathrooms",
|
|
2581
2581
|
description: "No shower or tub",
|
|
2582
2582
|
required: !0,
|
|
2583
|
-
options:
|
|
2583
|
+
options: va
|
|
2584
2584
|
},
|
|
2585
2585
|
{
|
|
2586
2586
|
key: "home.above_grade_sq_ft",
|
|
@@ -2652,7 +2652,7 @@ const ya = ({
|
|
|
2652
2652
|
* This source code is licensed under the MIT license.
|
|
2653
2653
|
* See the LICENSE file in the root directory of this source tree.
|
|
2654
2654
|
*/
|
|
2655
|
-
var
|
|
2655
|
+
var ha = {
|
|
2656
2656
|
outline: {
|
|
2657
2657
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2658
2658
|
width: 24,
|
|
@@ -2679,13 +2679,13 @@ var za = {
|
|
|
2679
2679
|
* This source code is licensed under the MIT license.
|
|
2680
2680
|
* See the LICENSE file in the root directory of this source tree.
|
|
2681
2681
|
*/
|
|
2682
|
-
const
|
|
2682
|
+
const qe = (e, r, n, a) => {
|
|
2683
2683
|
const c = ar(
|
|
2684
2684
|
({ color: o = "currentColor", size: i = 24, stroke: d = 2, title: l, className: s, children: u, ...x }, P) => Ce(
|
|
2685
2685
|
"svg",
|
|
2686
2686
|
{
|
|
2687
2687
|
ref: P,
|
|
2688
|
-
...
|
|
2688
|
+
...ha[e],
|
|
2689
2689
|
width: i,
|
|
2690
2690
|
height: i,
|
|
2691
2691
|
className: ["tabler-icon", `tabler-icon-${r}`, s].join(" "),
|
|
@@ -2695,7 +2695,7 @@ const We = (e, r, n, a) => {
|
|
|
2695
2695
|
},
|
|
2696
2696
|
[
|
|
2697
2697
|
l && Ce("title", { key: "svg-title" }, l),
|
|
2698
|
-
...a.map(([b,
|
|
2698
|
+
...a.map(([b, z]) => Ce(b, z)),
|
|
2699
2699
|
...Array.isArray(u) ? u : [u]
|
|
2700
2700
|
]
|
|
2701
2701
|
)
|
|
@@ -2708,35 +2708,35 @@ const We = (e, r, n, a) => {
|
|
|
2708
2708
|
* This source code is licensed under the MIT license.
|
|
2709
2709
|
* See the LICENSE file in the root directory of this source tree.
|
|
2710
2710
|
*/
|
|
2711
|
-
const
|
|
2711
|
+
const za = [["path", { d: "M5 9a2 2 0 1 0 4 0a2 2 0 1 0 -4 0", key: "svg-0" }], ["path", { d: "M22 17v-3h-20", key: "svg-1" }], ["path", { d: "M2 8v9", key: "svg-2" }], ["path", { d: "M12 14h10v-2a3 3 0 0 0 -3 -3h-7v5", key: "svg-3" }]], qt = qe("outline", "bed", "Bed", za);
|
|
2712
2712
|
/**
|
|
2713
2713
|
* @license @tabler/icons-react v3.36.1 - MIT
|
|
2714
2714
|
*
|
|
2715
2715
|
* This source code is licensed under the MIT license.
|
|
2716
2716
|
* See the LICENSE file in the root directory of this source tree.
|
|
2717
2717
|
*/
|
|
2718
|
-
const
|
|
2718
|
+
const Va = [["path", { d: "M5 12l-2 0l9 -9l9 9l-2 0", key: "svg-0" }], ["path", { d: "M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7", key: "svg-1" }], ["path", { d: "M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6", key: "svg-2" }]], Ba = qe("outline", "home", "Home", Va);
|
|
2719
2719
|
/**
|
|
2720
2720
|
* @license @tabler/icons-react v3.36.1 - MIT
|
|
2721
2721
|
*
|
|
2722
2722
|
* This source code is licensed under the MIT license.
|
|
2723
2723
|
* See the LICENSE file in the root directory of this source tree.
|
|
2724
2724
|
*/
|
|
2725
|
-
const Xa = [["path", { d: "M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065", key: "svg-0" }], ["path", { d: "M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0", key: "svg-1" }]], Da =
|
|
2725
|
+
const Xa = [["path", { d: "M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065", key: "svg-0" }], ["path", { d: "M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0", key: "svg-1" }]], Da = qe("outline", "settings", "Settings", Xa);
|
|
2726
2726
|
/**
|
|
2727
2727
|
* @license @tabler/icons-react v3.36.1 - MIT
|
|
2728
2728
|
*
|
|
2729
2729
|
* This source code is licensed under the MIT license.
|
|
2730
2730
|
* See the LICENSE file in the root directory of this source tree.
|
|
2731
2731
|
*/
|
|
2732
|
-
const Ga = [["path", { d: "M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873l-6.158 -3.245", key: "svg-0" }]], Ra =
|
|
2732
|
+
const Ga = [["path", { d: "M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873l-6.158 -3.245", key: "svg-0" }]], Ra = qe("outline", "star", "Star", Ga);
|
|
2733
2733
|
/**
|
|
2734
2734
|
* @license @tabler/icons-react v3.36.1 - MIT
|
|
2735
2735
|
*
|
|
2736
2736
|
* This source code is licensed under the MIT license.
|
|
2737
2737
|
* See the LICENSE file in the root directory of this source tree.
|
|
2738
2738
|
*/
|
|
2739
|
-
const
|
|
2739
|
+
const Wa = [["path", { d: "M19 3v12h-5c-.023 -3.681 .184 -7.406 5 -12m0 12v6h-1v-3m-10 -14v17m-3 -17v3a3 3 0 1 0 6 0v-3", key: "svg-0" }]], qa = qe("outline", "tools-kitchen-2", "ToolsKitchen2", Wa), De = { size: 20, stroke: 1.5 }, Ia = () => /* @__PURE__ */ t.jsx(qa, { ...De }), Ma = () => /* @__PURE__ */ t.jsx(qt, { ...De }), It = () => /* @__PURE__ */ t.jsx(Ba, { ...De }), Mt = () => /* @__PURE__ */ t.jsx(Da, { ...De }), Ta = () => /* @__PURE__ */ t.jsx(qt, { ...De }), Za = () => /* @__PURE__ */ t.jsx(Ra, { ...De }), Ja = {
|
|
2740
2740
|
id: "features",
|
|
2741
2741
|
title: "Tell us about your home's features",
|
|
2742
2742
|
subtitle: "Check all that apply. This helps us price your home accurately.",
|
|
@@ -3966,7 +3966,7 @@ const qa = [["path", { d: "M19 3v12h-5c-.023 -3.681 .184 -7.406 5 -12m0 12v6h-1v
|
|
|
3966
3966
|
}
|
|
3967
3967
|
]
|
|
3968
3968
|
};
|
|
3969
|
-
function
|
|
3969
|
+
function tl({
|
|
3970
3970
|
offerId: e,
|
|
3971
3971
|
address: r,
|
|
3972
3972
|
salesAssociateName: n,
|
|
@@ -3981,10 +3981,10 @@ function _o({
|
|
|
3981
3981
|
onPageChange: x,
|
|
3982
3982
|
onAnswerChange: P,
|
|
3983
3983
|
onSubmit: b,
|
|
3984
|
-
onError:
|
|
3985
|
-
onEditAddress:
|
|
3984
|
+
onError: z,
|
|
3985
|
+
onEditAddress: w
|
|
3986
3986
|
}) {
|
|
3987
|
-
const X =
|
|
3987
|
+
const X = We(o ?? { theme: "minimal" }), J = He(
|
|
3988
3988
|
() => [
|
|
3989
3989
|
Sa,
|
|
3990
3990
|
Ja,
|
|
@@ -3997,13 +3997,13 @@ function _o({
|
|
|
3997
3997
|
return /* @__PURE__ */ t.jsx("div", { style: X, children: /* @__PURE__ */ t.jsx(
|
|
3998
3998
|
An,
|
|
3999
3999
|
{
|
|
4000
|
-
pages:
|
|
4000
|
+
pages: J,
|
|
4001
4001
|
initialAnswers: c,
|
|
4002
4002
|
onReady: u,
|
|
4003
4003
|
onPageChange: x,
|
|
4004
4004
|
onAnswerChange: P,
|
|
4005
4005
|
onSubmit: b,
|
|
4006
|
-
onError:
|
|
4006
|
+
onError: z,
|
|
4007
4007
|
children: /* @__PURE__ */ t.jsx(
|
|
4008
4008
|
ya,
|
|
4009
4009
|
{
|
|
@@ -4012,38 +4012,38 @@ function _o({
|
|
|
4012
4012
|
mapboxAccessToken: l,
|
|
4013
4013
|
mapPinMarker: s,
|
|
4014
4014
|
showAttribution: i,
|
|
4015
|
-
onEditAddress:
|
|
4015
|
+
onEditAddress: w
|
|
4016
4016
|
}
|
|
4017
4017
|
)
|
|
4018
4018
|
}
|
|
4019
4019
|
) });
|
|
4020
4020
|
}
|
|
4021
|
-
const pc = "_container_rg8mk_3", kc = "_title_rg8mk_7", yc = "_addressCard_rg8mk_16", bc = "_addressText_rg8mk_26",
|
|
4021
|
+
const pc = "_container_rg8mk_3", kc = "_title_rg8mk_7", yc = "_addressCard_rg8mk_16", bc = "_addressText_rg8mk_26", wc = "_editLink_rg8mk_34", vc = "_fieldGroup_rg8mk_47", gc = "_fieldLabel_rg8mk_51", mc = "_input_rg8mk_60", Oc = "_checkboxRow_rg8mk_84", Sc = "_checkbox_rg8mk_84", hc = "_checkboxLabel_rg8mk_101", zc = "_error_rg8mk_108", Vc = "_actions_rg8mk_115", Bc = "_confirmButton_rg8mk_120", oe = {
|
|
4022
4022
|
container: pc,
|
|
4023
4023
|
title: kc,
|
|
4024
4024
|
addressCard: yc,
|
|
4025
4025
|
addressText: bc,
|
|
4026
|
-
editLink:
|
|
4027
|
-
fieldGroup:
|
|
4026
|
+
editLink: wc,
|
|
4027
|
+
fieldGroup: vc,
|
|
4028
4028
|
fieldLabel: gc,
|
|
4029
4029
|
input: mc,
|
|
4030
4030
|
checkboxRow: Oc,
|
|
4031
4031
|
checkbox: Sc,
|
|
4032
|
-
checkboxLabel:
|
|
4033
|
-
error:
|
|
4034
|
-
actions:
|
|
4035
|
-
confirmButton:
|
|
4032
|
+
checkboxLabel: hc,
|
|
4033
|
+
error: zc,
|
|
4034
|
+
actions: Vc,
|
|
4035
|
+
confirmButton: Bc
|
|
4036
4036
|
};
|
|
4037
4037
|
function Xc(e) {
|
|
4038
4038
|
return `${e.street1 + (e.street2 ? ` ${e.street2}` : "")}, ${e.city}, ${e.state} ${e.postalCode}`;
|
|
4039
4039
|
}
|
|
4040
|
-
function
|
|
4040
|
+
function rl({
|
|
4041
4041
|
address: e,
|
|
4042
4042
|
appearance: r,
|
|
4043
4043
|
onConfirm: n,
|
|
4044
4044
|
onEdit: a
|
|
4045
4045
|
}) {
|
|
4046
|
-
const c = ue(), i =
|
|
4046
|
+
const c = ue(), i = We(r), d = at("partner-sdk-unit-input"), [l, s] = W(""), [u, x] = W(!1), [P, b] = W(null), z = () => {
|
|
4047
4047
|
if (!u && !l.trim()) {
|
|
4048
4048
|
b("Please enter a unit number or select 'No unit number'");
|
|
4049
4049
|
return;
|
|
@@ -4051,15 +4051,15 @@ function $o({
|
|
|
4051
4051
|
b(null), c.trackPlatform({
|
|
4052
4052
|
buttonClickEvent: { targetName: "partner-sdk-confirm-unit" }
|
|
4053
4053
|
}), n(u ? { ...e } : { ...e, street2: l.trim() });
|
|
4054
|
-
},
|
|
4054
|
+
}, w = () => {
|
|
4055
4055
|
c.trackPlatform({
|
|
4056
4056
|
checkboxClickEvent: {
|
|
4057
4057
|
targetName: "partner-sdk-no-unit",
|
|
4058
4058
|
optionName: String(!u)
|
|
4059
4059
|
}
|
|
4060
4060
|
}), x(!u), u || (s(""), b(null));
|
|
4061
|
-
}, q = (
|
|
4062
|
-
s(
|
|
4061
|
+
}, q = (J) => {
|
|
4062
|
+
s(J.target.value), P && b(null);
|
|
4063
4063
|
}, X = () => {
|
|
4064
4064
|
c.trackPlatform({
|
|
4065
4065
|
inputFocusEvent: { targetName: "partner-sdk-unit-input" }
|
|
@@ -4094,7 +4094,7 @@ function $o({
|
|
|
4094
4094
|
type: "checkbox",
|
|
4095
4095
|
className: oe.checkbox,
|
|
4096
4096
|
checked: u,
|
|
4097
|
-
onChange:
|
|
4097
|
+
onChange: w
|
|
4098
4098
|
}
|
|
4099
4099
|
),
|
|
4100
4100
|
/* @__PURE__ */ t.jsx("span", { className: oe.checkboxLabel, children: "No unit number" })
|
|
@@ -4105,7 +4105,7 @@ function $o({
|
|
|
4105
4105
|
{
|
|
4106
4106
|
type: "button",
|
|
4107
4107
|
className: oe.confirmButton,
|
|
4108
|
-
onClick:
|
|
4108
|
+
onClick: z,
|
|
4109
4109
|
children: "Confirm address"
|
|
4110
4110
|
}
|
|
4111
4111
|
) })
|
|
@@ -4116,7 +4116,7 @@ const Dc = "_container_1vap7_3", Gc = "_mapImage_1vap7_13", Rc = "_mapImageLoade
|
|
|
4116
4116
|
mapImage: Gc,
|
|
4117
4117
|
mapImageLoaded: Rc
|
|
4118
4118
|
};
|
|
4119
|
-
function
|
|
4119
|
+
function nl({
|
|
4120
4120
|
address: e,
|
|
4121
4121
|
appearance: r,
|
|
4122
4122
|
mapboxAccessToken: n,
|
|
@@ -4128,27 +4128,27 @@ function el({
|
|
|
4128
4128
|
onLoad: l,
|
|
4129
4129
|
onError: s
|
|
4130
4130
|
}) {
|
|
4131
|
-
const u =
|
|
4131
|
+
const u = We(r), { url: x, status: P } = Wt(e, {
|
|
4132
4132
|
mapboxAccessToken: n,
|
|
4133
4133
|
mapPinMarker: a,
|
|
4134
4134
|
width: c,
|
|
4135
4135
|
height: o,
|
|
4136
4136
|
zoom: i
|
|
4137
|
-
}), [b,
|
|
4138
|
-
|
|
4139
|
-
const q =
|
|
4140
|
-
q.current = s,
|
|
4141
|
-
var
|
|
4142
|
-
P === "error" && ((
|
|
4137
|
+
}), [b, z] = W(!1), w = Z(l);
|
|
4138
|
+
w.current = l;
|
|
4139
|
+
const q = Z(s);
|
|
4140
|
+
q.current = s, U(() => {
|
|
4141
|
+
var S;
|
|
4142
|
+
P === "error" && ((S = q.current) == null || S.call(q, new Error("Failed to load map for address")));
|
|
4143
4143
|
}, [P]);
|
|
4144
4144
|
const X = () => {
|
|
4145
|
-
var
|
|
4146
|
-
|
|
4147
|
-
},
|
|
4145
|
+
var S;
|
|
4146
|
+
z(!0), (S = w.current) == null || S.call(w);
|
|
4147
|
+
}, J = {
|
|
4148
4148
|
...u,
|
|
4149
4149
|
...d ? { borderRadius: d } : {}
|
|
4150
4150
|
};
|
|
4151
|
-
return /* @__PURE__ */ t.jsx("div", { className: tt.container, style:
|
|
4151
|
+
return /* @__PURE__ */ t.jsx("div", { className: tt.container, style: J, children: x && /* @__PURE__ */ t.jsx(
|
|
4152
4152
|
"img",
|
|
4153
4153
|
{
|
|
4154
4154
|
src: x,
|
|
@@ -4158,21 +4158,21 @@ function el({
|
|
|
4158
4158
|
}
|
|
4159
4159
|
) });
|
|
4160
4160
|
}
|
|
4161
|
-
function
|
|
4161
|
+
function Wc(e) {
|
|
4162
4162
|
return "field" in e;
|
|
4163
4163
|
}
|
|
4164
|
-
function
|
|
4164
|
+
function qc(e) {
|
|
4165
4165
|
return "and" in e;
|
|
4166
4166
|
}
|
|
4167
4167
|
function Ic(e) {
|
|
4168
4168
|
return "or" in e;
|
|
4169
4169
|
}
|
|
4170
4170
|
function Te(e, r) {
|
|
4171
|
-
if (
|
|
4171
|
+
if (qc(e))
|
|
4172
4172
|
return e.and.every((n) => Te(n, r));
|
|
4173
4173
|
if (Ic(e))
|
|
4174
4174
|
return e.or.some((n) => Te(n, r));
|
|
4175
|
-
if (
|
|
4175
|
+
if (Wc(e)) {
|
|
4176
4176
|
const n = r(e.field);
|
|
4177
4177
|
switch (e.op) {
|
|
4178
4178
|
case "eq":
|
|
@@ -5006,7 +5006,7 @@ const Uc = Je("kitchen", "home.kitchen_seller_score", "How would you describe yo
|
|
|
5006
5006
|
os,
|
|
5007
5007
|
ls
|
|
5008
5008
|
];
|
|
5009
|
-
function
|
|
5009
|
+
function ht(e) {
|
|
5010
5010
|
return new Zc(us, e);
|
|
5011
5011
|
}
|
|
5012
5012
|
const Jt = Ze(null);
|
|
@@ -5021,116 +5021,119 @@ function ie() {
|
|
|
5021
5021
|
const is = ({
|
|
5022
5022
|
market: e,
|
|
5023
5023
|
initialAnswers: r,
|
|
5024
|
-
|
|
5025
|
-
|
|
5026
|
-
|
|
5027
|
-
|
|
5028
|
-
|
|
5029
|
-
|
|
5030
|
-
|
|
5024
|
+
smsConsentText: n,
|
|
5025
|
+
contactConsentText: a,
|
|
5026
|
+
onSubmit: c,
|
|
5027
|
+
onPageChange: o,
|
|
5028
|
+
onAnswerChange: i,
|
|
5029
|
+
onReady: d,
|
|
5030
|
+
onError: l,
|
|
5031
|
+
children: s
|
|
5031
5032
|
}) => {
|
|
5032
|
-
var
|
|
5033
|
-
const
|
|
5034
|
-
s.current = a;
|
|
5035
|
-
const u = T(c);
|
|
5033
|
+
var C;
|
|
5034
|
+
const u = Z(c);
|
|
5036
5035
|
u.current = c;
|
|
5037
|
-
const x =
|
|
5036
|
+
const x = Z(o);
|
|
5038
5037
|
x.current = o;
|
|
5039
|
-
const P =
|
|
5038
|
+
const P = Z(i);
|
|
5040
5039
|
P.current = i;
|
|
5041
|
-
const b =
|
|
5040
|
+
const b = Z(d);
|
|
5042
5041
|
b.current = d;
|
|
5043
|
-
const
|
|
5044
|
-
|
|
5045
|
-
|
|
5046
|
-
|
|
5047
|
-
|
|
5042
|
+
const z = Z(l);
|
|
5043
|
+
z.current = l;
|
|
5044
|
+
const [w, q] = W(
|
|
5045
|
+
() => ht({ market: e, initialAnswers: r })
|
|
5046
|
+
), X = Z(e);
|
|
5047
|
+
U(() => {
|
|
5048
|
+
e !== X.current && (X.current = e, q(ht({ market: e, initialAnswers: r })));
|
|
5048
5049
|
}, [e]);
|
|
5049
|
-
const [
|
|
5050
|
-
|
|
5051
|
-
), [
|
|
5052
|
-
((
|
|
5053
|
-
), [
|
|
5054
|
-
|
|
5050
|
+
const [J, S] = W(
|
|
5051
|
+
w.answers
|
|
5052
|
+
), [I, N] = W(
|
|
5053
|
+
((C = w.currentPage) == null ? void 0 : C.id) ?? ""
|
|
5054
|
+
), [L, G] = W({}), [V, ne] = W(
|
|
5055
|
+
w.visiblePages
|
|
5055
5056
|
);
|
|
5056
|
-
|
|
5057
|
-
var
|
|
5058
|
-
const
|
|
5059
|
-
|
|
5060
|
-
var
|
|
5061
|
-
|
|
5057
|
+
U(() => {
|
|
5058
|
+
var k;
|
|
5059
|
+
const p = [
|
|
5060
|
+
w.on("answerChange", (H) => {
|
|
5061
|
+
var Q;
|
|
5062
|
+
S(w.answers), ne([...w.visiblePages]), H.type === "answerChange" && ((Q = P.current) == null || Q.call(P, H.key, H.value));
|
|
5062
5063
|
}),
|
|
5063
|
-
|
|
5064
|
-
var
|
|
5065
|
-
H.type === "pageChange" && (
|
|
5064
|
+
w.on("pageChange", (H) => {
|
|
5065
|
+
var Q;
|
|
5066
|
+
H.type === "pageChange" && (N(H.pageId), ne([...w.visiblePages]), G({}), (Q = x.current) == null || Q.call(x, H.pageIndex, H.pageId));
|
|
5066
5067
|
}),
|
|
5067
|
-
|
|
5068
|
-
H.type === "validationError" &&
|
|
5068
|
+
w.on("validationError", (H) => {
|
|
5069
|
+
H.type === "validationError" && G(H.errors);
|
|
5069
5070
|
}),
|
|
5070
|
-
|
|
5071
|
-
H.type === "submit" &&
|
|
5071
|
+
w.on("submit", (H) => {
|
|
5072
|
+
H.type === "submit" && u.current(H.answers);
|
|
5072
5073
|
})
|
|
5073
5074
|
];
|
|
5074
|
-
return (
|
|
5075
|
-
|
|
5075
|
+
return (k = b.current) == null || k.call(b), () => {
|
|
5076
|
+
p.forEach((H) => H()), w.destroy();
|
|
5076
5077
|
};
|
|
5077
|
-
}, [
|
|
5078
|
-
const
|
|
5079
|
-
|
|
5080
|
-
r && r !==
|
|
5081
|
-
}, [r,
|
|
5082
|
-
const
|
|
5083
|
-
const
|
|
5084
|
-
return
|
|
5085
|
-
}, [V,
|
|
5078
|
+
}, [w]);
|
|
5079
|
+
const E = Z(r);
|
|
5080
|
+
U(() => {
|
|
5081
|
+
r && r !== E.current && (E.current = r, w.setAnswers(r));
|
|
5082
|
+
}, [r, w]);
|
|
5083
|
+
const F = He(() => {
|
|
5084
|
+
const p = V.findIndex((k) => k.id === I);
|
|
5085
|
+
return p >= 0 ? p : 0;
|
|
5086
|
+
}, [V, I]), ae = V[F], O = He(() => I ? w.getVisibleQuestionsForCurrentPage() : [], [w, I, J]), g = He(() => V.length <= 1 ? 0 : Math.min(
|
|
5086
5087
|
1,
|
|
5087
|
-
Math.max(0,
|
|
5088
|
-
), [
|
|
5088
|
+
Math.max(0, F / (V.length - 1))
|
|
5089
|
+
), [F, V.length]), D = He(
|
|
5089
5090
|
() => ({
|
|
5090
|
-
engine:
|
|
5091
|
-
currentPage:
|
|
5092
|
-
currentPageIndex:
|
|
5091
|
+
engine: w,
|
|
5092
|
+
currentPage: ae,
|
|
5093
|
+
currentPageIndex: F,
|
|
5093
5094
|
visiblePages: V,
|
|
5094
|
-
visibleQuestions:
|
|
5095
|
-
answers:
|
|
5096
|
-
validationErrors:
|
|
5097
|
-
progress:
|
|
5098
|
-
isFirstPage:
|
|
5099
|
-
|
|
5100
|
-
|
|
5101
|
-
|
|
5095
|
+
visibleQuestions: O,
|
|
5096
|
+
answers: J,
|
|
5097
|
+
validationErrors: L,
|
|
5098
|
+
progress: g,
|
|
5099
|
+
isFirstPage: F === 0,
|
|
5100
|
+
contactConsentText: a,
|
|
5101
|
+
isLastPage: V.length > 0 && F === V.length - 1,
|
|
5102
|
+
setAnswer: (p, k) => w.setAnswer(p, k),
|
|
5103
|
+
getAnswer: w.getAnswer,
|
|
5102
5104
|
goToNext: () => {
|
|
5103
|
-
var
|
|
5104
|
-
const
|
|
5105
|
-
if (!
|
|
5105
|
+
var k;
|
|
5106
|
+
const p = w.goToNext();
|
|
5107
|
+
if (!p.valid)
|
|
5106
5108
|
try {
|
|
5107
|
-
(
|
|
5108
|
-
|
|
5109
|
+
(k = z.current) == null || k.call(
|
|
5110
|
+
z,
|
|
5109
5111
|
new Error(
|
|
5110
|
-
`Validation failed: ${Object.values(
|
|
5112
|
+
`Validation failed: ${Object.values(p.errors).join(", ")}`
|
|
5111
5113
|
)
|
|
5112
5114
|
);
|
|
5113
5115
|
} catch (H) {
|
|
5114
5116
|
console.error("[DtcOnboardingFlow] onError callback threw:", H);
|
|
5115
5117
|
}
|
|
5116
5118
|
},
|
|
5117
|
-
goToPrev: () =>
|
|
5118
|
-
|
|
5119
|
+
goToPrev: () => w.goToPrev(),
|
|
5120
|
+
smsConsentText: n
|
|
5119
5121
|
}),
|
|
5120
5122
|
[
|
|
5121
|
-
|
|
5122
|
-
|
|
5123
|
-
|
|
5123
|
+
w,
|
|
5124
|
+
ae,
|
|
5125
|
+
F,
|
|
5124
5126
|
V,
|
|
5125
|
-
|
|
5126
|
-
X,
|
|
5127
|
+
O,
|
|
5127
5128
|
J,
|
|
5128
|
-
|
|
5129
|
-
|
|
5129
|
+
L,
|
|
5130
|
+
g,
|
|
5131
|
+
n,
|
|
5132
|
+
a
|
|
5130
5133
|
]
|
|
5131
5134
|
);
|
|
5132
|
-
return /* @__PURE__ */ t.jsx(Jt.Provider, { value:
|
|
5133
|
-
}, ds = "
|
|
5135
|
+
return /* @__PURE__ */ t.jsx(Jt.Provider, { value: D, children: s });
|
|
5136
|
+
}, ds = "_container_uharh_7", fs = "_header_uharh_20", js = "_headerLogos_uharh_30", Ps = "_headerPartnerLogo_uharh_36", Hs = "_headerOpendoorLogo_uharh_42", xs = "_headerCloseButton_uharh_46", ps = "_layout_uharh_71", ks = "_layoutScrollable_uharh_78", ys = "_addressBar_uharh_94", bs = "_addressIcon_uharh_102", ws = "_addressText_uharh_106", vs = "_contentSplit_uharh_112", gs = "_contentLeft_uharh_126", ms = "_contentRight_uharh_132", Os = "_pageTitle_uharh_148", Ss = "_pageSubtitle_uharh_156", hs = "_pageContent_uharh_165", zs = "_navigation_uharh_173", Vs = "_navigationButtons_uharh_187", Bs = "_backButton_uharh_193", Xs = "_nextButton_uharh_216", Ds = "_progressBar_uharh_242", Gs = "_progressBarFill_uharh_249", Rs = "_radioCardGroup_uharh_257", Ws = "_radioCard_uharh_257", qs = "_radioCardSelected_uharh_289", Is = "_radioCardLabel_uharh_294", Ms = "_radioCardDescription_uharh_300", Ts = "_imageCardGroup_uharh_307", Zs = "_imageCard_uharh_307", Js = "_imageCardSelected_uharh_339", Ns = "_imageCardPhoto_uharh_344", Ys = "_imageCardLabel_uharh_351", Ks = "_imageCardDescription_uharh_358", Ls = "_fieldGroup_uharh_367", Es = "_fieldLabel_uharh_373", Cs = "_fieldDescription_uharh_380", Qs = "_fieldSelect_uharh_387", Us = "_fieldSelectError_uharh_413", Fs = "_fieldInputWrapper_uharh_417", _s = "_fieldInput_uharh_417", $s = "_fieldInputError_uharh_455", eo = "_fieldSuffix_uharh_459", to = "_fieldError_uharh_470", ro = "_checkboxCardGroup_uharh_479", no = "_checkboxCard_uharh_479", Ao = "_checkboxCardSelected_uharh_511", ao = "_checkboxCardContent_uharh_516", co = "_checkboxCardLabel_uharh_523", so = "_checkboxCardHelper_uharh_529", oo = "_checkboxIndicator_uharh_534", lo = "_checkboxIndicatorChecked_uharh_546", uo = "_currencyWrapper_uharh_554", io = "_currencyPrefix_uharh_560", fo = "_currencyInput_uharh_569", jo = "_consentText_uharh_589", Po = "_consentLink_uharh_597", Ho = "_ctaButton_uharh_602", xo = "_toggleGroup_uharh_634", po = "_toggleLabel_uharh_638", ko = "_toggleCheckbox_uharh_646", yo = "_toggleText_uharh_655", bo = "_searchableDropdown_uharh_663", wo = "_searchableDropdownToggle_uharh_673", vo = "_searchableDropdownList_uharh_686", go = "_searchableDropdownOption_uharh_695", mo = "_searchableDropdownOptionSelected_uharh_713", Oo = "_searchableDropdownOptionHighlighted_uharh_718", So = "_searchableDropdownEmpty_uharh_722", f = {
|
|
5134
5137
|
container: ds,
|
|
5135
5138
|
header: fs,
|
|
5136
5139
|
headerLogos: js,
|
|
@@ -5141,22 +5144,22 @@ const is = ({
|
|
|
5141
5144
|
layoutScrollable: ks,
|
|
5142
5145
|
addressBar: ys,
|
|
5143
5146
|
addressIcon: bs,
|
|
5144
|
-
addressText:
|
|
5145
|
-
contentSplit:
|
|
5147
|
+
addressText: ws,
|
|
5148
|
+
contentSplit: vs,
|
|
5146
5149
|
contentLeft: gs,
|
|
5147
5150
|
contentRight: ms,
|
|
5148
5151
|
pageTitle: Os,
|
|
5149
5152
|
pageSubtitle: Ss,
|
|
5150
|
-
pageContent:
|
|
5151
|
-
navigation:
|
|
5152
|
-
navigationButtons:
|
|
5153
|
-
backButton:
|
|
5153
|
+
pageContent: hs,
|
|
5154
|
+
navigation: zs,
|
|
5155
|
+
navigationButtons: Vs,
|
|
5156
|
+
backButton: Bs,
|
|
5154
5157
|
nextButton: Xs,
|
|
5155
5158
|
progressBar: Ds,
|
|
5156
5159
|
progressBarFill: Gs,
|
|
5157
5160
|
radioCardGroup: Rs,
|
|
5158
|
-
radioCard:
|
|
5159
|
-
radioCardSelected:
|
|
5161
|
+
radioCard: Ws,
|
|
5162
|
+
radioCardSelected: qs,
|
|
5160
5163
|
radioCardLabel: Is,
|
|
5161
5164
|
radioCardDescription: Ms,
|
|
5162
5165
|
imageCardGroup: Ts,
|
|
@@ -5186,18 +5189,21 @@ const is = ({
|
|
|
5186
5189
|
currencyWrapper: uo,
|
|
5187
5190
|
currencyPrefix: io,
|
|
5188
5191
|
currencyInput: fo,
|
|
5189
|
-
|
|
5190
|
-
|
|
5191
|
-
|
|
5192
|
-
|
|
5193
|
-
|
|
5194
|
-
|
|
5195
|
-
|
|
5196
|
-
|
|
5197
|
-
|
|
5198
|
-
|
|
5199
|
-
|
|
5200
|
-
|
|
5192
|
+
consentText: jo,
|
|
5193
|
+
consentLink: Po,
|
|
5194
|
+
ctaButton: Ho,
|
|
5195
|
+
toggleGroup: xo,
|
|
5196
|
+
toggleLabel: po,
|
|
5197
|
+
toggleCheckbox: ko,
|
|
5198
|
+
toggleText: yo,
|
|
5199
|
+
searchableDropdown: bo,
|
|
5200
|
+
searchableDropdownToggle: wo,
|
|
5201
|
+
searchableDropdownList: vo,
|
|
5202
|
+
searchableDropdownOption: go,
|
|
5203
|
+
searchableDropdownOptionSelected: mo,
|
|
5204
|
+
searchableDropdownOptionHighlighted: Oo,
|
|
5205
|
+
searchableDropdownEmpty: So
|
|
5206
|
+
}, ho = () => /* @__PURE__ */ t.jsx(
|
|
5201
5207
|
"svg",
|
|
5202
5208
|
{
|
|
5203
5209
|
width: "90",
|
|
@@ -5207,7 +5213,7 @@ const is = ({
|
|
|
5207
5213
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5208
5214
|
"aria-label": "Opendoor",
|
|
5209
5215
|
role: "img",
|
|
5210
|
-
className:
|
|
5216
|
+
className: f.headerOpendoorLogo,
|
|
5211
5217
|
children: /* @__PURE__ */ t.jsx(
|
|
5212
5218
|
"path",
|
|
5213
5219
|
{
|
|
@@ -5216,26 +5222,26 @@ const is = ({
|
|
|
5216
5222
|
}
|
|
5217
5223
|
)
|
|
5218
5224
|
}
|
|
5219
|
-
),
|
|
5225
|
+
), zo = ({
|
|
5220
5226
|
partnerLogoUrl: e,
|
|
5221
5227
|
onClose: r
|
|
5222
|
-
}) => /* @__PURE__ */ t.jsxs("header", { className:
|
|
5223
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
5228
|
+
}) => /* @__PURE__ */ t.jsxs("header", { className: f.header, children: [
|
|
5229
|
+
/* @__PURE__ */ t.jsxs("div", { className: f.headerLogos, children: [
|
|
5224
5230
|
e && /* @__PURE__ */ t.jsx(
|
|
5225
5231
|
"img",
|
|
5226
5232
|
{
|
|
5227
5233
|
src: e,
|
|
5228
5234
|
alt: "Partner",
|
|
5229
|
-
className:
|
|
5235
|
+
className: f.headerPartnerLogo
|
|
5230
5236
|
}
|
|
5231
5237
|
),
|
|
5232
|
-
/* @__PURE__ */ t.jsx(
|
|
5238
|
+
/* @__PURE__ */ t.jsx(ho, {})
|
|
5233
5239
|
] }),
|
|
5234
5240
|
r && /* @__PURE__ */ t.jsx(
|
|
5235
5241
|
"button",
|
|
5236
5242
|
{
|
|
5237
5243
|
type: "button",
|
|
5238
|
-
className:
|
|
5244
|
+
className: f.headerCloseButton,
|
|
5239
5245
|
onClick: r,
|
|
5240
5246
|
"aria-label": "Close",
|
|
5241
5247
|
children: /* @__PURE__ */ t.jsxs(
|
|
@@ -5257,12 +5263,12 @@ const is = ({
|
|
|
5257
5263
|
)
|
|
5258
5264
|
}
|
|
5259
5265
|
)
|
|
5260
|
-
] }),
|
|
5266
|
+
] }), Vo = ({ progress: e }) => {
|
|
5261
5267
|
const r = Math.min(100, Math.max(0, e * 100));
|
|
5262
5268
|
return /* @__PURE__ */ t.jsx(
|
|
5263
5269
|
"div",
|
|
5264
5270
|
{
|
|
5265
|
-
className:
|
|
5271
|
+
className: f.progressBar,
|
|
5266
5272
|
role: "progressbar",
|
|
5267
5273
|
"aria-valuenow": r,
|
|
5268
5274
|
"aria-valuemin": 0,
|
|
@@ -5270,22 +5276,24 @@ const is = ({
|
|
|
5270
5276
|
children: /* @__PURE__ */ t.jsx(
|
|
5271
5277
|
"div",
|
|
5272
5278
|
{
|
|
5273
|
-
className:
|
|
5279
|
+
className: f.progressBarFill,
|
|
5274
5280
|
style: { width: `${r}%` }
|
|
5275
5281
|
}
|
|
5276
5282
|
)
|
|
5277
5283
|
}
|
|
5278
5284
|
);
|
|
5279
|
-
},
|
|
5280
|
-
const { isFirstPage: e, currentPage: r, progress: n, goToNext: a, goToPrev: c } = ie()
|
|
5281
|
-
|
|
5282
|
-
|
|
5283
|
-
|
|
5285
|
+
}, Bo = () => {
|
|
5286
|
+
const { isFirstPage: e, currentPage: r, progress: n, goToNext: a, goToPrev: c } = ie();
|
|
5287
|
+
if ((r == null ? void 0 : r.id) === "contact-info") return null;
|
|
5288
|
+
const o = (r == null ? void 0 : r.submitLabel) ?? "Next";
|
|
5289
|
+
return /* @__PURE__ */ t.jsxs("nav", { className: f.navigation, "aria-label": "Page navigation", children: [
|
|
5290
|
+
/* @__PURE__ */ t.jsx(Vo, { progress: n }),
|
|
5291
|
+
/* @__PURE__ */ t.jsxs("div", { className: f.navigationButtons, children: [
|
|
5284
5292
|
e ? /* @__PURE__ */ t.jsx("div", {}) : /* @__PURE__ */ t.jsx(
|
|
5285
5293
|
"button",
|
|
5286
5294
|
{
|
|
5287
5295
|
type: "button",
|
|
5288
|
-
className:
|
|
5296
|
+
className: f.backButton,
|
|
5289
5297
|
onClick: c,
|
|
5290
5298
|
"aria-label": "Go back",
|
|
5291
5299
|
children: /* @__PURE__ */ t.jsx(
|
|
@@ -5304,13 +5312,13 @@ const is = ({
|
|
|
5304
5312
|
)
|
|
5305
5313
|
}
|
|
5306
5314
|
),
|
|
5307
|
-
/* @__PURE__ */ t.jsx("button", { type: "button", className:
|
|
5315
|
+
/* @__PURE__ */ t.jsx("button", { type: "button", className: f.nextButton, onClick: a, children: o })
|
|
5308
5316
|
] })
|
|
5309
5317
|
] });
|
|
5310
|
-
},
|
|
5318
|
+
}, Xo = ({ question: e }) => {
|
|
5311
5319
|
var u;
|
|
5312
|
-
const { getAnswer: r, setAnswer: n, goToNext: a, validationErrors: c } = ie(), o = r(e.key), i = c[e.key], d =
|
|
5313
|
-
|
|
5320
|
+
const { getAnswer: r, setAnswer: n, goToNext: a, validationErrors: c } = ie(), o = r(e.key), i = c[e.key], d = Z(null);
|
|
5321
|
+
U(() => () => {
|
|
5314
5322
|
d.current && clearTimeout(d.current);
|
|
5315
5323
|
}, []);
|
|
5316
5324
|
const l = ce(
|
|
@@ -5320,13 +5328,13 @@ const is = ({
|
|
|
5320
5328
|
[e.key, e.autoAdvance, n, a]
|
|
5321
5329
|
), s = ce(
|
|
5322
5330
|
(x, P) => {
|
|
5323
|
-
var
|
|
5331
|
+
var w, q;
|
|
5324
5332
|
const b = e.options;
|
|
5325
5333
|
if (!b) return;
|
|
5326
|
-
let
|
|
5327
|
-
if (x.key === "ArrowDown" || x.key === "ArrowRight" ? (x.preventDefault(),
|
|
5328
|
-
const X = (
|
|
5329
|
-
(q = X == null ? void 0 : X[
|
|
5334
|
+
let z = null;
|
|
5335
|
+
if (x.key === "ArrowDown" || x.key === "ArrowRight" ? (x.preventDefault(), z = (P + 1) % b.length) : (x.key === "ArrowUp" || x.key === "ArrowLeft") && (x.preventDefault(), z = (P - 1 + b.length) % b.length), z !== null) {
|
|
5336
|
+
const X = (w = x.currentTarget.closest('[role="radiogroup"]')) == null ? void 0 : w.querySelectorAll('[role="radio"]');
|
|
5337
|
+
(q = X == null ? void 0 : X[z]) == null || q.focus(), l(b[z].value);
|
|
5330
5338
|
}
|
|
5331
5339
|
},
|
|
5332
5340
|
[e.options, l]
|
|
@@ -5334,7 +5342,7 @@ const is = ({
|
|
|
5334
5342
|
return /* @__PURE__ */ t.jsxs(
|
|
5335
5343
|
"div",
|
|
5336
5344
|
{
|
|
5337
|
-
className:
|
|
5345
|
+
className: f.radioCardGroup,
|
|
5338
5346
|
role: "radiogroup",
|
|
5339
5347
|
"aria-label": e.label,
|
|
5340
5348
|
children: [
|
|
@@ -5347,54 +5355,54 @@ const is = ({
|
|
|
5347
5355
|
role: "radio",
|
|
5348
5356
|
"aria-checked": b,
|
|
5349
5357
|
tabIndex: b || P === 0 && !o ? 0 : -1,
|
|
5350
|
-
className: `${
|
|
5358
|
+
className: `${f.radioCard} ${b ? f.radioCardSelected : ""}`,
|
|
5351
5359
|
onClick: () => l(x.value),
|
|
5352
|
-
onKeyDown: (
|
|
5360
|
+
onKeyDown: (z) => s(z, P),
|
|
5353
5361
|
children: [
|
|
5354
|
-
/* @__PURE__ */ t.jsx("span", { className:
|
|
5355
|
-
x.description && /* @__PURE__ */ t.jsx("span", { className:
|
|
5362
|
+
/* @__PURE__ */ t.jsx("span", { className: f.radioCardLabel, children: x.label }),
|
|
5363
|
+
x.description && /* @__PURE__ */ t.jsx("span", { className: f.radioCardDescription, children: x.description })
|
|
5356
5364
|
]
|
|
5357
5365
|
},
|
|
5358
5366
|
String(x.value)
|
|
5359
5367
|
);
|
|
5360
5368
|
}),
|
|
5361
|
-
i && /* @__PURE__ */ t.jsx("p", { className:
|
|
5369
|
+
i && /* @__PURE__ */ t.jsx("p", { className: f.fieldError, children: i })
|
|
5362
5370
|
]
|
|
5363
5371
|
}
|
|
5364
5372
|
);
|
|
5365
|
-
},
|
|
5366
|
-
function
|
|
5367
|
-
return `${
|
|
5373
|
+
}, Do = "https://images.opendoor.com/source/s3/imgdrop-production", Go = "service=reception-fe&dpr=2&fit=scale-down";
|
|
5374
|
+
function re(e, r = "3:2-sm") {
|
|
5375
|
+
return `${Do}/${e}?${Go}&preset=${r}`;
|
|
5368
5376
|
}
|
|
5369
|
-
const
|
|
5377
|
+
const Ro = {
|
|
5370
5378
|
// Kitchen
|
|
5371
|
-
"kitchen-fixer_upper":
|
|
5372
|
-
"kitchen-dated":
|
|
5373
|
-
"kitchen-standard":
|
|
5374
|
-
"kitchen-high_end":
|
|
5375
|
-
"kitchen-luxury":
|
|
5379
|
+
"kitchen-fixer_upper": re("2023-04-1681772974083-61414.png"),
|
|
5380
|
+
"kitchen-dated": re("2023-04-1681772974089-39460.png"),
|
|
5381
|
+
"kitchen-standard": re("2023-04-1681772974093-51260.png"),
|
|
5382
|
+
"kitchen-high_end": re("2023-04-1682444345875-57331.jpeg", "3:2-xl"),
|
|
5383
|
+
"kitchen-luxury": re("2023-04-1682444629335-69661.jpeg", "3:2-xl"),
|
|
5376
5384
|
// Bathroom
|
|
5377
|
-
"bathroom-fixer_upper":
|
|
5378
|
-
"bathroom-dated":
|
|
5379
|
-
"bathroom-standard":
|
|
5380
|
-
"bathroom-high_end":
|
|
5381
|
-
"bathroom-luxury":
|
|
5385
|
+
"bathroom-fixer_upper": re("2023-04-1682103091299-33543.jpeg"),
|
|
5386
|
+
"bathroom-dated": re("2023-04-1681773104207-98555.png"),
|
|
5387
|
+
"bathroom-standard": re("2023-04-1682103088251-79730.jpeg", "3:2-xl"),
|
|
5388
|
+
"bathroom-high_end": re("2023-04-1681773104214-77488.png"),
|
|
5389
|
+
"bathroom-luxury": re("2023-04-1681773104217-27390.png"),
|
|
5382
5390
|
// Living Room
|
|
5383
|
-
"living-room-fixer_upper":
|
|
5384
|
-
"living-room-dated":
|
|
5385
|
-
"living-room-standard":
|
|
5386
|
-
"living-room-high_end":
|
|
5387
|
-
"living-room-luxury":
|
|
5391
|
+
"living-room-fixer_upper": re("2023-04-1681773170815-60328.png"),
|
|
5392
|
+
"living-room-dated": re("2023-04-1681773170823-03451.png"),
|
|
5393
|
+
"living-room-standard": re("2023-04-1681773170826-47471.png"),
|
|
5394
|
+
"living-room-high_end": re("2023-04-1681773170828-76415.png"),
|
|
5395
|
+
"living-room-luxury": re("2023-04-1681773170832-20699.png"),
|
|
5388
5396
|
// Exterior
|
|
5389
|
-
"exterior-fixer_upper":
|
|
5390
|
-
"exterior-dated":
|
|
5391
|
-
"exterior-standard":
|
|
5392
|
-
"exterior-high_end":
|
|
5393
|
-
"exterior-luxury":
|
|
5394
|
-
},
|
|
5397
|
+
"exterior-fixer_upper": re("2023-04-1681773220493-46489.png"),
|
|
5398
|
+
"exterior-dated": re("2023-04-1681773220495-22229.png"),
|
|
5399
|
+
"exterior-standard": re("2023-04-1681773220498-64940.png"),
|
|
5400
|
+
"exterior-high_end": re("2023-04-1682103085417-24272.jpeg", "3:2-md"),
|
|
5401
|
+
"exterior-luxury": re("2023-04-1681773220487-59852.png")
|
|
5402
|
+
}, Wo = ({ question: e }) => {
|
|
5395
5403
|
var s;
|
|
5396
|
-
const { getAnswer: r, setAnswer: n, goToNext: a, validationErrors: c } = ie(), o = r(e.key), i = c[e.key], d =
|
|
5397
|
-
|
|
5404
|
+
const { getAnswer: r, setAnswer: n, goToNext: a, validationErrors: c } = ie(), o = r(e.key), i = c[e.key], d = Z(null);
|
|
5405
|
+
U(() => () => {
|
|
5398
5406
|
d.current && clearTimeout(d.current);
|
|
5399
5407
|
}, []);
|
|
5400
5408
|
const l = ce(
|
|
@@ -5406,19 +5414,19 @@ const Xo = {
|
|
|
5406
5414
|
return /* @__PURE__ */ t.jsxs(
|
|
5407
5415
|
"div",
|
|
5408
5416
|
{
|
|
5409
|
-
className:
|
|
5417
|
+
className: f.imageCardGroup,
|
|
5410
5418
|
role: "radiogroup",
|
|
5411
5419
|
"aria-label": e.label,
|
|
5412
5420
|
children: [
|
|
5413
5421
|
(s = e.options) == null ? void 0 : s.map((u) => {
|
|
5414
|
-
const x = o === u.value, P = u.imageId ?
|
|
5422
|
+
const x = o === u.value, P = u.imageId ? Ro[u.imageId] : void 0;
|
|
5415
5423
|
return /* @__PURE__ */ t.jsxs(
|
|
5416
5424
|
"button",
|
|
5417
5425
|
{
|
|
5418
5426
|
type: "button",
|
|
5419
5427
|
role: "radio",
|
|
5420
5428
|
"aria-checked": x,
|
|
5421
|
-
className: `${
|
|
5429
|
+
className: `${f.imageCard} ${x ? f.imageCardSelected : ""}`,
|
|
5422
5430
|
onClick: () => l(u.value),
|
|
5423
5431
|
children: [
|
|
5424
5432
|
P && /* @__PURE__ */ t.jsx(
|
|
@@ -5426,22 +5434,22 @@ const Xo = {
|
|
|
5426
5434
|
{
|
|
5427
5435
|
src: P,
|
|
5428
5436
|
alt: u.label,
|
|
5429
|
-
className:
|
|
5437
|
+
className: f.imageCardPhoto,
|
|
5430
5438
|
loading: "lazy"
|
|
5431
5439
|
}
|
|
5432
5440
|
),
|
|
5433
|
-
/* @__PURE__ */ t.jsx("span", { className:
|
|
5434
|
-
u.description && /* @__PURE__ */ t.jsx("span", { className:
|
|
5441
|
+
/* @__PURE__ */ t.jsx("span", { className: f.imageCardLabel, children: u.label }),
|
|
5442
|
+
u.description && /* @__PURE__ */ t.jsx("span", { className: f.imageCardDescription, children: u.description })
|
|
5435
5443
|
]
|
|
5436
5444
|
},
|
|
5437
5445
|
String(u.value)
|
|
5438
5446
|
);
|
|
5439
5447
|
}),
|
|
5440
|
-
i && /* @__PURE__ */ t.jsx("p", { className:
|
|
5448
|
+
i && /* @__PURE__ */ t.jsx("p", { className: f.fieldError, children: i })
|
|
5441
5449
|
]
|
|
5442
5450
|
}
|
|
5443
5451
|
);
|
|
5444
|
-
},
|
|
5452
|
+
}, qo = ({
|
|
5445
5453
|
question: e
|
|
5446
5454
|
}) => {
|
|
5447
5455
|
var d;
|
|
@@ -5454,8 +5462,8 @@ const Xo = {
|
|
|
5454
5462
|
}
|
|
5455
5463
|
const u = c.filter(
|
|
5456
5464
|
(P) => {
|
|
5457
|
-
var b,
|
|
5458
|
-
return !((
|
|
5465
|
+
var b, z;
|
|
5466
|
+
return !((z = (b = e.options) == null ? void 0 : b.find((w) => w.value === P)) != null && z.exclusive);
|
|
5459
5467
|
}
|
|
5460
5468
|
);
|
|
5461
5469
|
if (u.includes(l)) {
|
|
@@ -5467,7 +5475,7 @@ const Xo = {
|
|
|
5467
5475
|
return /* @__PURE__ */ t.jsxs(
|
|
5468
5476
|
"div",
|
|
5469
5477
|
{
|
|
5470
|
-
className:
|
|
5478
|
+
className: f.checkboxCardGroup,
|
|
5471
5479
|
role: "group",
|
|
5472
5480
|
"aria-label": e.label,
|
|
5473
5481
|
children: [
|
|
@@ -5479,17 +5487,17 @@ const Xo = {
|
|
|
5479
5487
|
type: "button",
|
|
5480
5488
|
role: "checkbox",
|
|
5481
5489
|
"aria-checked": s,
|
|
5482
|
-
className: `${
|
|
5490
|
+
className: `${f.checkboxCard} ${s ? f.checkboxCardSelected : ""}`,
|
|
5483
5491
|
onClick: () => i(String(l.value)),
|
|
5484
5492
|
children: [
|
|
5485
|
-
/* @__PURE__ */ t.jsxs("span", { className:
|
|
5486
|
-
/* @__PURE__ */ t.jsx("span", { className:
|
|
5487
|
-
l.helperText && /* @__PURE__ */ t.jsx("span", { className:
|
|
5493
|
+
/* @__PURE__ */ t.jsxs("span", { className: f.checkboxCardContent, children: [
|
|
5494
|
+
/* @__PURE__ */ t.jsx("span", { className: f.checkboxCardLabel, children: l.label }),
|
|
5495
|
+
l.helperText && /* @__PURE__ */ t.jsx("span", { className: f.checkboxCardHelper, children: l.helperText })
|
|
5488
5496
|
] }),
|
|
5489
5497
|
/* @__PURE__ */ t.jsx(
|
|
5490
5498
|
"span",
|
|
5491
5499
|
{
|
|
5492
|
-
className: `${
|
|
5500
|
+
className: `${f.checkboxIndicator} ${s ? f.checkboxIndicatorChecked : ""}`,
|
|
5493
5501
|
children: s && /* @__PURE__ */ t.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ t.jsx(
|
|
5494
5502
|
"path",
|
|
5495
5503
|
{
|
|
@@ -5507,24 +5515,24 @@ const Xo = {
|
|
|
5507
5515
|
String(l.value)
|
|
5508
5516
|
);
|
|
5509
5517
|
}),
|
|
5510
|
-
o && /* @__PURE__ */ t.jsx("p", { className:
|
|
5518
|
+
o && /* @__PURE__ */ t.jsx("p", { className: f.fieldError, children: o })
|
|
5511
5519
|
]
|
|
5512
5520
|
}
|
|
5513
5521
|
);
|
|
5514
|
-
},
|
|
5522
|
+
}, Io = ({ question: e }) => {
|
|
5515
5523
|
var d;
|
|
5516
5524
|
const { getAnswer: r, setAnswer: n, validationErrors: a } = ie(), c = r(e.key), o = a[e.key], i = (l) => {
|
|
5517
5525
|
const s = l.target.value;
|
|
5518
5526
|
e.type === "number" && s !== "" ? n(e.key, Number(s)) : n(e.key, s || void 0);
|
|
5519
5527
|
};
|
|
5520
|
-
return /* @__PURE__ */ t.jsxs("div", { className:
|
|
5521
|
-
/* @__PURE__ */ t.jsx("label", { className:
|
|
5522
|
-
e.description && /* @__PURE__ */ t.jsx("p", { className:
|
|
5528
|
+
return /* @__PURE__ */ t.jsxs("div", { className: f.fieldGroup, children: [
|
|
5529
|
+
/* @__PURE__ */ t.jsx("label", { className: f.fieldLabel, htmlFor: e.key, children: e.label }),
|
|
5530
|
+
e.description && /* @__PURE__ */ t.jsx("p", { className: f.fieldDescription, children: e.description }),
|
|
5523
5531
|
/* @__PURE__ */ t.jsxs(
|
|
5524
5532
|
"select",
|
|
5525
5533
|
{
|
|
5526
5534
|
id: e.key,
|
|
5527
|
-
className: `${
|
|
5535
|
+
className: `${f.fieldSelect} ${o ? f.fieldSelectError : ""}`,
|
|
5528
5536
|
value: c !== void 0 ? String(c) : "",
|
|
5529
5537
|
onChange: i,
|
|
5530
5538
|
children: [
|
|
@@ -5533,9 +5541,9 @@ const Xo = {
|
|
|
5533
5541
|
]
|
|
5534
5542
|
}
|
|
5535
5543
|
),
|
|
5536
|
-
o && /* @__PURE__ */ t.jsx("p", { className:
|
|
5544
|
+
o && /* @__PURE__ */ t.jsx("p", { className: f.fieldError, children: o })
|
|
5537
5545
|
] });
|
|
5538
|
-
},
|
|
5546
|
+
}, Mo = ({ question: e }) => {
|
|
5539
5547
|
const { getAnswer: r, setAnswer: n, validationErrors: a } = ie(), c = r(e.key), o = a[e.key], i = (l) => {
|
|
5540
5548
|
const s = l.target.value;
|
|
5541
5549
|
if (e.type === "number") {
|
|
@@ -5544,92 +5552,92 @@ const Xo = {
|
|
|
5544
5552
|
} else
|
|
5545
5553
|
n(e.key, s || void 0);
|
|
5546
5554
|
}, d = c != null ? String(c) : "";
|
|
5547
|
-
return /* @__PURE__ */ t.jsxs("div", { className:
|
|
5548
|
-
/* @__PURE__ */ t.jsx("label", { className:
|
|
5549
|
-
e.description && /* @__PURE__ */ t.jsx("p", { className:
|
|
5550
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
5555
|
+
return /* @__PURE__ */ t.jsxs("div", { className: f.fieldGroup, children: [
|
|
5556
|
+
/* @__PURE__ */ t.jsx("label", { className: f.fieldLabel, htmlFor: e.key, children: e.label }),
|
|
5557
|
+
e.description && /* @__PURE__ */ t.jsx("p", { className: f.fieldDescription, children: e.description }),
|
|
5558
|
+
/* @__PURE__ */ t.jsxs("div", { className: f.fieldInputWrapper, children: [
|
|
5551
5559
|
/* @__PURE__ */ t.jsx(
|
|
5552
5560
|
"input",
|
|
5553
5561
|
{
|
|
5554
5562
|
id: e.key,
|
|
5555
5563
|
type: e.type === "number" ? "text" : e.style === "email" ? "email" : "text",
|
|
5556
5564
|
inputMode: e.type === "number" ? "numeric" : void 0,
|
|
5557
|
-
className: `${
|
|
5565
|
+
className: `${f.fieldInput} ${o ? f.fieldInputError : ""}`,
|
|
5558
5566
|
value: d,
|
|
5559
5567
|
onChange: i,
|
|
5560
5568
|
placeholder: e.placeholder
|
|
5561
5569
|
}
|
|
5562
5570
|
),
|
|
5563
|
-
e.suffix && /* @__PURE__ */ t.jsx("span", { className:
|
|
5571
|
+
e.suffix && /* @__PURE__ */ t.jsx("span", { className: f.fieldSuffix, children: e.suffix })
|
|
5564
5572
|
] }),
|
|
5565
|
-
o && /* @__PURE__ */ t.jsx("p", { className:
|
|
5573
|
+
o && /* @__PURE__ */ t.jsx("p", { className: f.fieldError, children: o })
|
|
5566
5574
|
] });
|
|
5567
|
-
},
|
|
5575
|
+
}, To = ({ question: e }) => {
|
|
5568
5576
|
const { getAnswer: r, setAnswer: n, validationErrors: a } = ie(), c = r(e.key), o = a[e.key], i = (l) => {
|
|
5569
5577
|
const s = l.target.value.replace(/[^0-9]/g, ""), u = s === "" ? void 0 : Number(s);
|
|
5570
5578
|
n(e.key, u !== void 0 && isNaN(u) ? void 0 : u);
|
|
5571
5579
|
}, d = c != null ? String(c) : "";
|
|
5572
|
-
return /* @__PURE__ */ t.jsxs("div", { className:
|
|
5573
|
-
/* @__PURE__ */ t.jsx("label", { className:
|
|
5574
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
5575
|
-
/* @__PURE__ */ t.jsx("span", { className:
|
|
5580
|
+
return /* @__PURE__ */ t.jsxs("div", { className: f.fieldGroup, children: [
|
|
5581
|
+
/* @__PURE__ */ t.jsx("label", { className: f.fieldLabel, htmlFor: e.key, children: e.label }),
|
|
5582
|
+
/* @__PURE__ */ t.jsxs("div", { className: f.currencyWrapper, children: [
|
|
5583
|
+
/* @__PURE__ */ t.jsx("span", { className: f.currencyPrefix, children: "$" }),
|
|
5576
5584
|
/* @__PURE__ */ t.jsx(
|
|
5577
5585
|
"input",
|
|
5578
5586
|
{
|
|
5579
5587
|
id: e.key,
|
|
5580
5588
|
type: "text",
|
|
5581
5589
|
inputMode: "numeric",
|
|
5582
|
-
className: `${
|
|
5590
|
+
className: `${f.currencyInput} ${o ? f.fieldInputError : ""}`,
|
|
5583
5591
|
value: d,
|
|
5584
5592
|
onChange: i,
|
|
5585
5593
|
placeholder: e.placeholder
|
|
5586
5594
|
}
|
|
5587
5595
|
)
|
|
5588
5596
|
] }),
|
|
5589
|
-
o && /* @__PURE__ */ t.jsx("p", { className:
|
|
5597
|
+
o && /* @__PURE__ */ t.jsx("p", { className: f.fieldError, children: o })
|
|
5590
5598
|
] });
|
|
5591
5599
|
};
|
|
5592
|
-
function
|
|
5600
|
+
function Zo(e) {
|
|
5593
5601
|
const r = e.replace(/\D/g, "").slice(0, 10);
|
|
5594
5602
|
return r.length <= 3 ? r : r.length <= 6 ? `(${r.slice(0, 3)}) ${r.slice(3)}` : `(${r.slice(0, 3)}) ${r.slice(3, 6)}-${r.slice(6)}`;
|
|
5595
5603
|
}
|
|
5596
|
-
const
|
|
5604
|
+
const Jo = ({ question: e }) => {
|
|
5597
5605
|
const { getAnswer: r, setAnswer: n, validationErrors: a } = ie(), c = r(e.key) ?? "", o = a[e.key], i = (d) => {
|
|
5598
5606
|
const s = d.target.value.replace(/\D/g, "").slice(0, 10);
|
|
5599
5607
|
n(e.key, s || void 0);
|
|
5600
5608
|
};
|
|
5601
|
-
return /* @__PURE__ */ t.jsxs("div", { className:
|
|
5602
|
-
/* @__PURE__ */ t.jsx("label", { className:
|
|
5609
|
+
return /* @__PURE__ */ t.jsxs("div", { className: f.fieldGroup, children: [
|
|
5610
|
+
/* @__PURE__ */ t.jsx("label", { className: f.fieldLabel, htmlFor: e.key, children: e.label }),
|
|
5603
5611
|
/* @__PURE__ */ t.jsx(
|
|
5604
5612
|
"input",
|
|
5605
5613
|
{
|
|
5606
5614
|
id: e.key,
|
|
5607
5615
|
type: "tel",
|
|
5608
|
-
className: `${
|
|
5609
|
-
value:
|
|
5616
|
+
className: `${f.fieldInput} ${o ? f.fieldInputError : ""}`,
|
|
5617
|
+
value: Zo(c),
|
|
5610
5618
|
onChange: i,
|
|
5611
5619
|
placeholder: e.placeholder || "(555) 555-5555"
|
|
5612
5620
|
}
|
|
5613
5621
|
),
|
|
5614
|
-
o && /* @__PURE__ */ t.jsx("p", { className:
|
|
5622
|
+
o && /* @__PURE__ */ t.jsx("p", { className: f.fieldError, children: o })
|
|
5615
5623
|
] });
|
|
5616
|
-
},
|
|
5617
|
-
const { getAnswer: r, setAnswer: n,
|
|
5624
|
+
}, No = ({ question: e }) => {
|
|
5625
|
+
const { getAnswer: r, setAnswer: n, smsConsentText: a } = ie(), c = r(e.key);
|
|
5618
5626
|
let o = e.label;
|
|
5619
|
-
return e.key === "seller.sms_opt_in" && a && (o = a), /* @__PURE__ */ t.jsx("div", { className:
|
|
5627
|
+
return e.key === "seller.sms_opt_in" && a && (o = a), /* @__PURE__ */ t.jsx("div", { className: f.toggleGroup, children: /* @__PURE__ */ t.jsxs("label", { className: f.toggleLabel, children: [
|
|
5620
5628
|
/* @__PURE__ */ t.jsx(
|
|
5621
5629
|
"input",
|
|
5622
5630
|
{
|
|
5623
5631
|
type: "checkbox",
|
|
5624
|
-
className:
|
|
5632
|
+
className: f.toggleCheckbox,
|
|
5625
5633
|
checked: c === !0,
|
|
5626
5634
|
onChange: (i) => n(e.key, i.target.checked)
|
|
5627
5635
|
}
|
|
5628
5636
|
),
|
|
5629
|
-
/* @__PURE__ */ t.jsx("span", { className:
|
|
5637
|
+
/* @__PURE__ */ t.jsx("span", { className: f.toggleText, children: o })
|
|
5630
5638
|
] }) });
|
|
5631
|
-
},
|
|
5632
|
-
function
|
|
5639
|
+
}, zt = 4, Me = 8, Yo = 240, Ko = 80;
|
|
5640
|
+
function Lo(e) {
|
|
5633
5641
|
const r = {};
|
|
5634
5642
|
for (let n = e; n; n = n.parentElement) {
|
|
5635
5643
|
const a = n.style;
|
|
@@ -5640,45 +5648,45 @@ function No(e) {
|
|
|
5640
5648
|
}
|
|
5641
5649
|
return r;
|
|
5642
5650
|
}
|
|
5643
|
-
const
|
|
5644
|
-
var
|
|
5645
|
-
const { getAnswer: r, setAnswer: n, validationErrors: a } = ie(), c = r(e.key), o = a[e.key], i = `${e.key}-combobox`, [d, l] = W(""), [s, u] = W(!1), [x, P] = W([]), [b,
|
|
5646
|
-
|
|
5651
|
+
const Eo = ({ question: e }) => {
|
|
5652
|
+
var C;
|
|
5653
|
+
const { getAnswer: r, setAnswer: n, validationErrors: a } = ie(), c = r(e.key), o = a[e.key], i = `${e.key}-combobox`, [d, l] = W(""), [s, u] = W(!1), [x, P] = W([]), [b, z] = W(!1), w = Z(null), q = Z(null), X = Z(null), [J, S] = W(null), [I, N] = W({}), L = Re(At);
|
|
5654
|
+
U(() => {
|
|
5647
5655
|
let p = !1;
|
|
5648
|
-
return e.dataSource === "homebuilders" &&
|
|
5656
|
+
return e.dataSource === "homebuilders" && L ? (z(!0), L.getHomebuilders().then((k) => {
|
|
5649
5657
|
p || P(
|
|
5650
|
-
|
|
5651
|
-
label:
|
|
5652
|
-
value:
|
|
5658
|
+
k.homebuilders.map((H) => ({
|
|
5659
|
+
label: H.displayName,
|
|
5660
|
+
value: H.identifier
|
|
5653
5661
|
}))
|
|
5654
5662
|
);
|
|
5655
5663
|
}).catch(() => {
|
|
5656
5664
|
p || (e.options ? P(
|
|
5657
|
-
e.options.map((
|
|
5658
|
-
label:
|
|
5659
|
-
value: String(
|
|
5665
|
+
e.options.map((k) => ({
|
|
5666
|
+
label: k.label,
|
|
5667
|
+
value: String(k.value)
|
|
5660
5668
|
}))
|
|
5661
5669
|
) : P([]));
|
|
5662
5670
|
}).finally(() => {
|
|
5663
|
-
p ||
|
|
5671
|
+
p || z(!1);
|
|
5664
5672
|
})) : e.options ? P(
|
|
5665
|
-
e.options.map((
|
|
5666
|
-
label:
|
|
5667
|
-
value: String(
|
|
5673
|
+
e.options.map((k) => ({
|
|
5674
|
+
label: k.label,
|
|
5675
|
+
value: String(k.value)
|
|
5668
5676
|
}))
|
|
5669
5677
|
) : P([]), () => {
|
|
5670
5678
|
p = !0;
|
|
5671
5679
|
};
|
|
5672
|
-
}, [e.dataSource, e.options,
|
|
5673
|
-
const
|
|
5680
|
+
}, [e.dataSource, e.options, L]);
|
|
5681
|
+
const G = ce(() => {
|
|
5674
5682
|
const p = q.current;
|
|
5675
5683
|
if (!p) return;
|
|
5676
|
-
const
|
|
5677
|
-
|
|
5678
|
-
Math.min(
|
|
5679
|
-
), pe = Math.min(
|
|
5680
|
-
|
|
5681
|
-
top:
|
|
5684
|
+
const k = p.getBoundingClientRect(), H = window.visualViewport, Q = (H == null ? void 0 : H.height) ?? window.innerHeight, Ae = (H == null ? void 0 : H.width) ?? window.innerWidth, ze = (H == null ? void 0 : H.offsetTop) ?? 0, de = (H == null ? void 0 : H.offsetLeft) ?? 0, xe = ze + Q - k.bottom - zt - Me, fe = Math.max(
|
|
5685
|
+
Ko,
|
|
5686
|
+
Math.min(Yo, xe)
|
|
5687
|
+
), pe = Math.min(k.width, Ae - Me * 2), ke = de + Me, ye = de + Ae - pe - Me, be = Math.max(ke, Math.min(k.left, ye));
|
|
5688
|
+
S({
|
|
5689
|
+
top: k.bottom + window.scrollY + zt,
|
|
5682
5690
|
left: be + window.scrollX,
|
|
5683
5691
|
width: pe,
|
|
5684
5692
|
maxHeight: fe
|
|
@@ -5686,31 +5694,31 @@ const Yo = ({ question: e }) => {
|
|
|
5686
5694
|
}, []);
|
|
5687
5695
|
cr(() => {
|
|
5688
5696
|
if (!s) {
|
|
5689
|
-
|
|
5697
|
+
S(null);
|
|
5690
5698
|
return;
|
|
5691
5699
|
}
|
|
5692
|
-
q.current &&
|
|
5693
|
-
const p = () =>
|
|
5700
|
+
q.current && N(Lo(q.current)), G();
|
|
5701
|
+
const p = () => G();
|
|
5694
5702
|
window.addEventListener("scroll", p, !0), window.addEventListener("resize", p);
|
|
5695
|
-
const
|
|
5696
|
-
|
|
5697
|
-
const
|
|
5703
|
+
const k = window.visualViewport;
|
|
5704
|
+
k == null || k.addEventListener("resize", p), k == null || k.addEventListener("scroll", p);
|
|
5705
|
+
const H = window.setTimeout(p, 300);
|
|
5698
5706
|
return () => {
|
|
5699
|
-
window.removeEventListener("scroll", p, !0), window.removeEventListener("resize", p),
|
|
5707
|
+
window.removeEventListener("scroll", p, !0), window.removeEventListener("resize", p), k == null || k.removeEventListener("resize", p), k == null || k.removeEventListener("scroll", p), window.clearTimeout(H);
|
|
5700
5708
|
};
|
|
5701
|
-
}, [s,
|
|
5702
|
-
const p = (
|
|
5703
|
-
var
|
|
5704
|
-
const
|
|
5705
|
-
(
|
|
5709
|
+
}, [s, G]), U(() => {
|
|
5710
|
+
const p = (k) => {
|
|
5711
|
+
var Q, Ae;
|
|
5712
|
+
const H = k.target;
|
|
5713
|
+
(Q = w.current) != null && Q.contains(H) || (Ae = X.current) != null && Ae.contains(H) || u(!1);
|
|
5706
5714
|
};
|
|
5707
5715
|
return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
|
|
5708
5716
|
}, []);
|
|
5709
|
-
const
|
|
5717
|
+
const V = d ? x.filter(
|
|
5710
5718
|
(p) => p.label.toLowerCase().includes(d.toLowerCase())
|
|
5711
|
-
) : x,
|
|
5719
|
+
) : x, ne = (C = x.find((p) => p.value === c)) == null ? void 0 : C.label, [E, F] = W(-1), ae = `${e.key}-listbox`, O = ce(
|
|
5712
5720
|
(p) => {
|
|
5713
|
-
n(e.key, p), u(!1), l(""),
|
|
5721
|
+
n(e.key, p), u(!1), l(""), F(-1);
|
|
5714
5722
|
},
|
|
5715
5723
|
[e.key, n]
|
|
5716
5724
|
), g = (p) => {
|
|
@@ -5720,49 +5728,49 @@ const Yo = ({ question: e }) => {
|
|
|
5720
5728
|
}
|
|
5721
5729
|
switch (p.key) {
|
|
5722
5730
|
case "ArrowDown":
|
|
5723
|
-
p.preventDefault(),
|
|
5724
|
-
(
|
|
5731
|
+
p.preventDefault(), V.length > 0 && F(
|
|
5732
|
+
(k) => k < V.length - 1 ? k + 1 : 0
|
|
5725
5733
|
);
|
|
5726
5734
|
break;
|
|
5727
5735
|
case "ArrowUp":
|
|
5728
|
-
p.preventDefault(),
|
|
5729
|
-
(
|
|
5736
|
+
p.preventDefault(), V.length > 0 && F(
|
|
5737
|
+
(k) => k > 0 ? k - 1 : V.length - 1
|
|
5730
5738
|
);
|
|
5731
5739
|
break;
|
|
5732
5740
|
case "Enter":
|
|
5733
|
-
p.preventDefault(),
|
|
5741
|
+
p.preventDefault(), E >= 0 && E < V.length && O(V[E].value);
|
|
5734
5742
|
break;
|
|
5735
5743
|
case "Escape":
|
|
5736
|
-
p.preventDefault(), u(!1),
|
|
5744
|
+
p.preventDefault(), u(!1), F(-1);
|
|
5737
5745
|
break;
|
|
5738
5746
|
}
|
|
5739
|
-
}, D = s &&
|
|
5747
|
+
}, D = s && J && typeof document < "u" ? sr(
|
|
5740
5748
|
/* @__PURE__ */ t.jsx(
|
|
5741
5749
|
"div",
|
|
5742
5750
|
{
|
|
5743
5751
|
ref: X,
|
|
5744
|
-
className:
|
|
5752
|
+
className: f.searchableDropdownList,
|
|
5745
5753
|
role: "listbox",
|
|
5746
|
-
id:
|
|
5754
|
+
id: ae,
|
|
5747
5755
|
style: {
|
|
5748
5756
|
position: "absolute",
|
|
5749
|
-
top:
|
|
5750
|
-
left:
|
|
5757
|
+
top: J.top,
|
|
5758
|
+
left: J.left,
|
|
5751
5759
|
right: "auto",
|
|
5752
|
-
width:
|
|
5753
|
-
maxHeight:
|
|
5754
|
-
...
|
|
5760
|
+
width: J.width,
|
|
5761
|
+
maxHeight: J.maxHeight,
|
|
5762
|
+
...I
|
|
5755
5763
|
},
|
|
5756
|
-
children: b ? /* @__PURE__ */ t.jsx("div", { className:
|
|
5764
|
+
children: b ? /* @__PURE__ */ t.jsx("div", { className: f.searchableDropdownEmpty, children: "Loading..." }) : V.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: f.searchableDropdownEmpty, children: "No results found" }) : V.map((p, k) => /* @__PURE__ */ t.jsx(
|
|
5757
5765
|
"button",
|
|
5758
5766
|
{
|
|
5759
|
-
id: `${
|
|
5767
|
+
id: `${ae}-option-${k}`,
|
|
5760
5768
|
type: "button",
|
|
5761
5769
|
role: "option",
|
|
5762
5770
|
"aria-selected": p.value === c,
|
|
5763
|
-
className: `${
|
|
5764
|
-
onMouseDown: (
|
|
5765
|
-
onClick: () =>
|
|
5771
|
+
className: `${f.searchableDropdownOption} ${p.value === c ? f.searchableDropdownOptionSelected : ""} ${k === E ? f.searchableDropdownOptionHighlighted : ""}`,
|
|
5772
|
+
onMouseDown: (H) => H.preventDefault(),
|
|
5773
|
+
onClick: () => O(p.value),
|
|
5766
5774
|
children: p.label
|
|
5767
5775
|
},
|
|
5768
5776
|
p.value
|
|
@@ -5771,17 +5779,17 @@ const Yo = ({ question: e }) => {
|
|
|
5771
5779
|
),
|
|
5772
5780
|
document.body
|
|
5773
5781
|
) : null;
|
|
5774
|
-
return /* @__PURE__ */ t.jsxs("div", { ref:
|
|
5775
|
-
/* @__PURE__ */ t.jsxs("div", { ref: q, className:
|
|
5782
|
+
return /* @__PURE__ */ t.jsxs("div", { ref: w, className: f.fieldGroup, children: [
|
|
5783
|
+
/* @__PURE__ */ t.jsxs("div", { ref: q, className: f.searchableDropdown, children: [
|
|
5776
5784
|
/* @__PURE__ */ t.jsx(
|
|
5777
5785
|
"input",
|
|
5778
5786
|
{
|
|
5779
5787
|
id: i,
|
|
5780
5788
|
type: "text",
|
|
5781
|
-
className:
|
|
5782
|
-
value: s ? d :
|
|
5789
|
+
className: f.fieldInput,
|
|
5790
|
+
value: s ? d : ne ?? "",
|
|
5783
5791
|
onChange: (p) => {
|
|
5784
|
-
l(p.target.value),
|
|
5792
|
+
l(p.target.value), F(-1), s || u(!0);
|
|
5785
5793
|
},
|
|
5786
5794
|
onFocus: () => u(!0),
|
|
5787
5795
|
onKeyDown: g,
|
|
@@ -5790,15 +5798,15 @@ const Yo = ({ question: e }) => {
|
|
|
5790
5798
|
"aria-expanded": s,
|
|
5791
5799
|
role: "combobox",
|
|
5792
5800
|
"aria-haspopup": "listbox",
|
|
5793
|
-
"aria-controls": s ?
|
|
5794
|
-
"aria-activedescendant": s &&
|
|
5801
|
+
"aria-controls": s ? ae : void 0,
|
|
5802
|
+
"aria-activedescendant": s && E >= 0 ? `${ae}-option-${E}` : void 0
|
|
5795
5803
|
}
|
|
5796
5804
|
),
|
|
5797
5805
|
/* @__PURE__ */ t.jsx(
|
|
5798
5806
|
"button",
|
|
5799
5807
|
{
|
|
5800
5808
|
type: "button",
|
|
5801
|
-
className:
|
|
5809
|
+
className: f.searchableDropdownToggle,
|
|
5802
5810
|
onClick: () => u(!s),
|
|
5803
5811
|
"aria-label": "Toggle dropdown",
|
|
5804
5812
|
tabIndex: -1,
|
|
@@ -5815,52 +5823,87 @@ const Yo = ({ question: e }) => {
|
|
|
5815
5823
|
}
|
|
5816
5824
|
)
|
|
5817
5825
|
] }),
|
|
5818
|
-
o && /* @__PURE__ */ t.jsx("p", { className:
|
|
5826
|
+
o && /* @__PURE__ */ t.jsx("p", { className: f.fieldError, children: o }),
|
|
5819
5827
|
D
|
|
5820
5828
|
] });
|
|
5821
5829
|
};
|
|
5822
|
-
function
|
|
5830
|
+
function Co(e) {
|
|
5823
5831
|
switch (e.style) {
|
|
5824
5832
|
case "radio-card":
|
|
5825
|
-
return /* @__PURE__ */ t.jsx(
|
|
5833
|
+
return /* @__PURE__ */ t.jsx(Xo, { question: e }, e.key);
|
|
5826
5834
|
case "image-card":
|
|
5827
|
-
return /* @__PURE__ */ t.jsx(
|
|
5835
|
+
return /* @__PURE__ */ t.jsx(Wo, { question: e }, e.key);
|
|
5828
5836
|
case "checkbox-card":
|
|
5829
|
-
return /* @__PURE__ */ t.jsx(
|
|
5837
|
+
return /* @__PURE__ */ t.jsx(qo, { question: e }, e.key);
|
|
5830
5838
|
case "dropdown":
|
|
5831
|
-
return /* @__PURE__ */ t.jsx(
|
|
5839
|
+
return /* @__PURE__ */ t.jsx(Io, { question: e }, e.key);
|
|
5832
5840
|
case "input":
|
|
5833
5841
|
case "email":
|
|
5834
|
-
return /* @__PURE__ */ t.jsx(
|
|
5842
|
+
return /* @__PURE__ */ t.jsx(Mo, { question: e }, e.key);
|
|
5835
5843
|
case "currency":
|
|
5836
|
-
return /* @__PURE__ */ t.jsx(
|
|
5844
|
+
return /* @__PURE__ */ t.jsx(To, { question: e }, e.key);
|
|
5837
5845
|
case "phone":
|
|
5838
|
-
return /* @__PURE__ */ t.jsx(
|
|
5846
|
+
return /* @__PURE__ */ t.jsx(Jo, { question: e }, e.key);
|
|
5839
5847
|
case "toggle":
|
|
5840
|
-
return /* @__PURE__ */ t.jsx(
|
|
5848
|
+
return /* @__PURE__ */ t.jsx(No, { question: e }, e.key);
|
|
5841
5849
|
case "searchable-dropdown":
|
|
5842
|
-
return /* @__PURE__ */ t.jsx(
|
|
5850
|
+
return /* @__PURE__ */ t.jsx(Eo, { question: e }, e.key);
|
|
5843
5851
|
default:
|
|
5844
5852
|
return null;
|
|
5845
5853
|
}
|
|
5846
5854
|
}
|
|
5847
|
-
const
|
|
5848
|
-
const { currentPage: e, visibleQuestions: r } = ie(),
|
|
5849
|
-
return
|
|
5850
|
-
var
|
|
5851
|
-
(
|
|
5852
|
-
}, [e == null ? void 0 : e.id]), e ? /* @__PURE__ */ t.
|
|
5855
|
+
const Qo = () => {
|
|
5856
|
+
const { currentPage: e, visibleQuestions: r, goToNext: n, contactConsentText: a } = ie(), c = Z(null);
|
|
5857
|
+
return U(() => {
|
|
5858
|
+
var o, i, d;
|
|
5859
|
+
(i = (o = c.current) == null ? void 0 : o.scrollTo) == null || i.call(o, { top: 0, behavior: "smooth" }), (d = c.current) == null || d.focus();
|
|
5860
|
+
}, [e == null ? void 0 : e.id]), e ? /* @__PURE__ */ t.jsxs(
|
|
5853
5861
|
"div",
|
|
5854
5862
|
{
|
|
5855
|
-
ref:
|
|
5856
|
-
className:
|
|
5863
|
+
ref: c,
|
|
5864
|
+
className: f.pageContent,
|
|
5857
5865
|
tabIndex: -1,
|
|
5858
5866
|
role: "region",
|
|
5859
5867
|
"aria-label": e.title,
|
|
5860
|
-
children:
|
|
5868
|
+
children: [
|
|
5869
|
+
r.map(Co),
|
|
5870
|
+
e.id === "contact-info" && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
5871
|
+
/* @__PURE__ */ t.jsx("button", { type: "button", className: f.ctaButton, onClick: n, children: e.submitLabel ?? "Next" }),
|
|
5872
|
+
a ?? /* @__PURE__ */ t.jsxs("p", { className: f.consentText, children: [
|
|
5873
|
+
"By pressing “",
|
|
5874
|
+
e.submitLabel ?? "Next",
|
|
5875
|
+
",” I agree to Opendoor’s",
|
|
5876
|
+
" ",
|
|
5877
|
+
/* @__PURE__ */ t.jsx(
|
|
5878
|
+
"a",
|
|
5879
|
+
{
|
|
5880
|
+
href: "https://www.opendoor.com/terms",
|
|
5881
|
+
target: "_blank",
|
|
5882
|
+
rel: "noopener noreferrer",
|
|
5883
|
+
className: f.consentLink,
|
|
5884
|
+
children: "Terms of Service"
|
|
5885
|
+
}
|
|
5886
|
+
),
|
|
5887
|
+
" ",
|
|
5888
|
+
"and",
|
|
5889
|
+
" ",
|
|
5890
|
+
/* @__PURE__ */ t.jsx(
|
|
5891
|
+
"a",
|
|
5892
|
+
{
|
|
5893
|
+
href: "https://www.opendoor.com/privacy",
|
|
5894
|
+
target: "_blank",
|
|
5895
|
+
rel: "noopener noreferrer",
|
|
5896
|
+
className: f.consentLink,
|
|
5897
|
+
children: "Privacy Policy"
|
|
5898
|
+
}
|
|
5899
|
+
),
|
|
5900
|
+
"."
|
|
5901
|
+
] })
|
|
5902
|
+
] })
|
|
5903
|
+
]
|
|
5861
5904
|
}
|
|
5862
5905
|
) : null;
|
|
5863
|
-
},
|
|
5906
|
+
}, Uo = ({ address: e }) => {
|
|
5864
5907
|
const { currentPage: r } = ie();
|
|
5865
5908
|
if (!r) return null;
|
|
5866
5909
|
const n = [
|
|
@@ -5870,9 +5913,9 @@ const Lo = () => {
|
|
|
5870
5913
|
e.state,
|
|
5871
5914
|
e.postalCode
|
|
5872
5915
|
].filter(Boolean).join(", ");
|
|
5873
|
-
return /* @__PURE__ */ t.jsxs("div", { className:
|
|
5874
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
5875
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
5916
|
+
return /* @__PURE__ */ t.jsxs("div", { className: f.layout, children: [
|
|
5917
|
+
/* @__PURE__ */ t.jsxs("div", { className: f.layoutScrollable, children: [
|
|
5918
|
+
/* @__PURE__ */ t.jsxs("div", { className: f.addressBar, children: [
|
|
5876
5919
|
/* @__PURE__ */ t.jsxs(
|
|
5877
5920
|
"svg",
|
|
5878
5921
|
{
|
|
@@ -5882,66 +5925,68 @@ const Lo = () => {
|
|
|
5882
5925
|
fill: "none",
|
|
5883
5926
|
stroke: "currentColor",
|
|
5884
5927
|
strokeWidth: "2",
|
|
5885
|
-
className:
|
|
5928
|
+
className: f.addressIcon,
|
|
5886
5929
|
children: [
|
|
5887
5930
|
/* @__PURE__ */ t.jsx("circle", { cx: "12", cy: "10", r: "3" }),
|
|
5888
5931
|
/* @__PURE__ */ t.jsx("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" })
|
|
5889
5932
|
]
|
|
5890
5933
|
}
|
|
5891
5934
|
),
|
|
5892
|
-
/* @__PURE__ */ t.jsx("span", { className:
|
|
5935
|
+
/* @__PURE__ */ t.jsx("span", { className: f.addressText, children: n })
|
|
5893
5936
|
] }),
|
|
5894
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
5895
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
5896
|
-
/* @__PURE__ */ t.jsx("h1", { className:
|
|
5897
|
-
r.subtitle && /* @__PURE__ */ t.jsx("p", { className:
|
|
5937
|
+
/* @__PURE__ */ t.jsxs("div", { className: f.contentSplit, children: [
|
|
5938
|
+
/* @__PURE__ */ t.jsxs("div", { className: f.contentLeft, children: [
|
|
5939
|
+
/* @__PURE__ */ t.jsx("h1", { className: f.pageTitle, children: r.title }),
|
|
5940
|
+
r.subtitle && /* @__PURE__ */ t.jsx("p", { className: f.pageSubtitle, children: r.subtitle })
|
|
5898
5941
|
] }),
|
|
5899
|
-
/* @__PURE__ */ t.jsx("div", { className:
|
|
5942
|
+
/* @__PURE__ */ t.jsx("div", { className: f.contentRight, children: /* @__PURE__ */ t.jsx(Qo, {}) })
|
|
5900
5943
|
] })
|
|
5901
5944
|
] }),
|
|
5902
|
-
/* @__PURE__ */ t.jsx(
|
|
5945
|
+
/* @__PURE__ */ t.jsx(Bo, {})
|
|
5903
5946
|
] });
|
|
5904
|
-
},
|
|
5947
|
+
}, Al = ({
|
|
5905
5948
|
address: e,
|
|
5906
5949
|
onSubmit: r,
|
|
5907
5950
|
partnerLogoUrl: n,
|
|
5908
5951
|
appearance: a = { theme: "minimal" },
|
|
5909
5952
|
initialAnswers: c,
|
|
5910
|
-
|
|
5953
|
+
smsConsentText: o,
|
|
5911
5954
|
onPageChange: i,
|
|
5912
5955
|
onAnswerChange: d,
|
|
5913
5956
|
onClose: l,
|
|
5914
5957
|
onReady: s,
|
|
5915
5958
|
onError: u,
|
|
5916
|
-
market: x
|
|
5959
|
+
market: x,
|
|
5960
|
+
contactConsentText: P
|
|
5917
5961
|
}) => {
|
|
5918
|
-
const
|
|
5919
|
-
return /* @__PURE__ */ t.jsx("div", { className:
|
|
5962
|
+
const b = We(a);
|
|
5963
|
+
return /* @__PURE__ */ t.jsx("div", { className: f.container, style: b, children: /* @__PURE__ */ t.jsxs(
|
|
5920
5964
|
is,
|
|
5921
5965
|
{
|
|
5922
5966
|
market: x,
|
|
5923
5967
|
initialAnswers: c,
|
|
5924
|
-
|
|
5968
|
+
smsConsentText: o,
|
|
5969
|
+
contactConsentText: P,
|
|
5925
5970
|
onSubmit: r,
|
|
5926
5971
|
onPageChange: i,
|
|
5927
5972
|
onAnswerChange: d,
|
|
5928
5973
|
onReady: s,
|
|
5929
5974
|
onError: u,
|
|
5930
5975
|
children: [
|
|
5931
|
-
/* @__PURE__ */ t.jsx(
|
|
5932
|
-
/* @__PURE__ */ t.jsx(
|
|
5976
|
+
/* @__PURE__ */ t.jsx(zo, { partnerLogoUrl: n, onClose: l }),
|
|
5977
|
+
/* @__PURE__ */ t.jsx(Uo, { address: e })
|
|
5933
5978
|
]
|
|
5934
5979
|
}
|
|
5935
5980
|
) });
|
|
5936
5981
|
};
|
|
5937
5982
|
export {
|
|
5938
|
-
|
|
5939
|
-
|
|
5940
|
-
|
|
5941
|
-
|
|
5942
|
-
|
|
5943
|
-
|
|
5983
|
+
el as AddressEntry,
|
|
5984
|
+
nl as AddressMap,
|
|
5985
|
+
rl as AddressUnitConfirmation,
|
|
5986
|
+
Al as DtcOnboardingFlow,
|
|
5987
|
+
$o as OpendoorProvider,
|
|
5988
|
+
tl as QualificationQuestions,
|
|
5944
5989
|
gr as THEMES,
|
|
5945
5990
|
mr as resolveAppearance,
|
|
5946
|
-
|
|
5991
|
+
vr as useOpendoorClient
|
|
5947
5992
|
};
|