@burdenoff/microfe-proserviceworld 2026.624.1 → 2026.625.1
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/proserviceworld/pages/AdminReportsPage.js +365 -332
- package/dist/proserviceworld/pages/AdminReportsPage.js.map +1 -1
- package/dist/proserviceworld/pages/AdminUsersPage.js +257 -237
- package/dist/proserviceworld/pages/AdminUsersPage.js.map +1 -1
- package/dist/proserviceworld/pages/AnalyticsPage.js +343 -315
- package/dist/proserviceworld/pages/AnalyticsPage.js.map +1 -1
- package/dist/proserviceworld/pages/BookingsPage.js +191 -174
- package/dist/proserviceworld/pages/BookingsPage.js.map +1 -1
- package/dist/proserviceworld/pages/DashboardPage.js +383 -346
- package/dist/proserviceworld/pages/DashboardPage.js.map +1 -1
- package/dist/proserviceworld/pages/DocumentsPage.js +383 -318
- package/dist/proserviceworld/pages/DocumentsPage.js.map +1 -1
- package/dist/proserviceworld/pages/MessagesPage.js +70 -75
- package/dist/proserviceworld/pages/MessagesPage.js.map +1 -1
- package/dist/proserviceworld/pages/PaymentsPage.js +367 -340
- package/dist/proserviceworld/pages/PaymentsPage.js.map +1 -1
- package/dist/proserviceworld/pages/ProjectsPage.js +428 -381
- package/dist/proserviceworld/pages/ProjectsPage.js.map +1 -1
- package/dist/proserviceworld/pages/ProviderDetailPage.js +390 -346
- package/dist/proserviceworld/pages/ProviderDetailPage.js.map +1 -1
- package/dist/proserviceworld/pages/ProvidersPage.js +245 -244
- package/dist/proserviceworld/pages/ProvidersPage.js.map +1 -1
- package/dist/proserviceworld/pages/ReviewsPage.js +14 -14
- package/dist/proserviceworld/pages/ReviewsPage.js.map +1 -1
- package/dist/proserviceworld/pages/ServiceDetailsPage.js +338 -305
- package/dist/proserviceworld/pages/ServiceDetailsPage.js.map +1 -1
- package/dist/proserviceworld/pages/ServicesPage.js +156 -153
- package/dist/proserviceworld/pages/ServicesPage.js.map +1 -1
- package/dist/proserviceworld/pages/VerificationPage.js +260 -251
- package/dist/proserviceworld/pages/VerificationPage.js.map +1 -1
- package/package.json +2 -2
|
@@ -2,34 +2,34 @@ import { useProServiceWorldStore as e } from "../store/proserviceworldStore.js";
|
|
|
2
2
|
import { useState as t } from "react";
|
|
3
3
|
import { AlertTriangle as n, ArrowRight as r, Award as i, Building2 as a, CheckCircle2 as o, ChevronRight as s, Clock as c, FileSearch as l, Fingerprint as u, Mail as d, MapPin as f, Phone as p, Shield as m, Upload as h, XCircle as g } from "lucide-react";
|
|
4
4
|
import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
|
|
5
|
-
import {
|
|
5
|
+
import { AuroraBackground as b, Badge as x, Button as S, Card as C, CardContent as w, CardHeader as T, CardTitle as E, EmphasisPanel as D, GlassCard as O, GradientText as k, IllustratedEmptyState as A } from "@burdenoff/fe-libs/ui";
|
|
6
6
|
//#region src/proserviceworld/pages/VerificationPage.tsx
|
|
7
|
-
var
|
|
7
|
+
var j = {
|
|
8
8
|
completed: {
|
|
9
9
|
icon: o,
|
|
10
|
-
color: "text-
|
|
11
|
-
bgColor: "bg-
|
|
10
|
+
color: "text-status-success-text",
|
|
11
|
+
bgColor: "bg-status-success-bg-subtle",
|
|
12
12
|
label: "Completed"
|
|
13
13
|
},
|
|
14
14
|
pending: {
|
|
15
15
|
icon: c,
|
|
16
|
-
color: "text-
|
|
17
|
-
bgColor: "bg-
|
|
16
|
+
color: "text-text-secondary",
|
|
17
|
+
bgColor: "bg-bg-sunken",
|
|
18
18
|
label: "Pending"
|
|
19
19
|
},
|
|
20
20
|
in_progress: {
|
|
21
21
|
icon: c,
|
|
22
|
-
color: "text-blue
|
|
23
|
-
bgColor: "bg-
|
|
22
|
+
color: "text-accent-blue",
|
|
23
|
+
bgColor: "bg-accent-blue-subtle",
|
|
24
24
|
label: "In Progress"
|
|
25
25
|
},
|
|
26
26
|
failed: {
|
|
27
27
|
icon: g,
|
|
28
|
-
color: "text-
|
|
29
|
-
bgColor: "bg-
|
|
28
|
+
color: "text-status-error-text",
|
|
29
|
+
bgColor: "bg-status-error-bg-subtle",
|
|
30
30
|
label: "Failed"
|
|
31
31
|
}
|
|
32
|
-
},
|
|
32
|
+
}, M = {
|
|
33
33
|
"Email Verification": d,
|
|
34
34
|
"Phone Verification": p,
|
|
35
35
|
"Identity Verification": u,
|
|
@@ -38,107 +38,110 @@ var E = {
|
|
|
38
38
|
"Professional Verification": i,
|
|
39
39
|
"Background Check": l
|
|
40
40
|
};
|
|
41
|
-
function
|
|
42
|
-
let { verificationSteps: i } = e(), [a, l] = t(null), u = i.filter((e) => e.status === "completed").length, d = i.length, f = i.filter((e) => e.required), p = f.filter((e) => e.status === "completed").length, g = Math.round(u / d * 100),
|
|
41
|
+
function N() {
|
|
42
|
+
let { verificationSteps: i } = e(), [a, l] = t(null), u = i.filter((e) => e.status === "completed").length, d = i.length, f = i.filter((e) => e.required), p = f.filter((e) => e.status === "completed").length, g = Math.round(u / d * 100), N = a ? i.find((e) => e.id === a) : null;
|
|
43
43
|
return /* @__PURE__ */ y("div", {
|
|
44
|
-
className: "space-y-6 p-6",
|
|
44
|
+
className: "space-y-6 p-6 bg-bg-canvas min-h-screen",
|
|
45
45
|
children: [
|
|
46
46
|
/* @__PURE__ */ y("div", {
|
|
47
|
-
className: "
|
|
48
|
-
children: [/* @__PURE__ */
|
|
49
|
-
className: "
|
|
50
|
-
children: "
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
47
|
+
className: "relative overflow-hidden rounded-card -mx-2 px-2 pt-1",
|
|
48
|
+
children: [/* @__PURE__ */ v(b, { intensity: "subtle" }), /* @__PURE__ */ y("div", {
|
|
49
|
+
className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
|
|
50
|
+
children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h1", {
|
|
51
|
+
className: "text-2xl font-semibold tracking-tight",
|
|
52
|
+
children: /* @__PURE__ */ v(k, { children: "Verification" })
|
|
53
|
+
}), /* @__PURE__ */ v("p", {
|
|
54
|
+
className: "text-sm text-text-secondary",
|
|
55
|
+
children: "Complete verification steps to unlock full platform features and build trust."
|
|
56
|
+
})] }), /* @__PURE__ */ y(x, {
|
|
57
|
+
variant: g === 100 ? "default" : "secondary",
|
|
58
|
+
className: "text-sm",
|
|
59
|
+
children: [
|
|
60
|
+
/* @__PURE__ */ v(m, { className: "mr-2 h-4 w-4" }),
|
|
61
|
+
/* @__PURE__ */ y("span", {
|
|
62
|
+
className: "tabular-nums",
|
|
63
|
+
children: [g, "%"]
|
|
64
|
+
}),
|
|
65
|
+
" Verified"
|
|
66
|
+
]
|
|
67
|
+
})]
|
|
62
68
|
})]
|
|
63
69
|
}),
|
|
64
|
-
/* @__PURE__ */ v(
|
|
65
|
-
className: "
|
|
66
|
-
children:
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
/* @__PURE__ */ v("div", {
|
|
85
|
-
className: "h-3
|
|
86
|
-
|
|
87
|
-
className: "h-3 rounded-full bg-action-primary-bg transition-all",
|
|
88
|
-
style: { width: `${g}%` }
|
|
89
|
-
})
|
|
90
|
-
})
|
|
91
|
-
]
|
|
92
|
-
}),
|
|
93
|
-
/* @__PURE__ */ y("div", {
|
|
94
|
-
className: "space-y-2",
|
|
95
|
-
children: [
|
|
96
|
-
/* @__PURE__ */ v("p", {
|
|
97
|
-
className: "text-sm text-text-secondary",
|
|
98
|
-
children: "Required Steps"
|
|
99
|
-
}),
|
|
100
|
-
/* @__PURE__ */ y("p", {
|
|
101
|
-
className: "text-3xl font-bold",
|
|
102
|
-
children: [
|
|
103
|
-
p,
|
|
104
|
-
"/",
|
|
105
|
-
f.length
|
|
106
|
-
]
|
|
107
|
-
}),
|
|
108
|
-
/* @__PURE__ */ v("div", {
|
|
109
|
-
className: "h-3 overflow-hidden rounded-full bg-bg-sunken",
|
|
110
|
-
children: /* @__PURE__ */ v("div", {
|
|
111
|
-
className: "h-3 rounded-full bg-green-500 transition-all",
|
|
112
|
-
style: { width: `${f.length > 0 ? Math.round(p / f.length * 100) : 0}%` }
|
|
113
|
-
})
|
|
70
|
+
/* @__PURE__ */ v(D, { children: /* @__PURE__ */ y("div", {
|
|
71
|
+
className: "grid gap-6 sm:grid-cols-3",
|
|
72
|
+
children: [
|
|
73
|
+
/* @__PURE__ */ y("div", {
|
|
74
|
+
className: "space-y-2",
|
|
75
|
+
children: [
|
|
76
|
+
/* @__PURE__ */ v("p", {
|
|
77
|
+
className: "text-sm text-text-secondary",
|
|
78
|
+
children: "Overall Progress"
|
|
79
|
+
}),
|
|
80
|
+
/* @__PURE__ */ y("p", {
|
|
81
|
+
className: "text-3xl font-bold tabular-nums",
|
|
82
|
+
children: [
|
|
83
|
+
u,
|
|
84
|
+
"/",
|
|
85
|
+
d
|
|
86
|
+
]
|
|
87
|
+
}),
|
|
88
|
+
/* @__PURE__ */ v("div", {
|
|
89
|
+
className: "h-3 overflow-hidden rounded-full bg-bg-sunken",
|
|
90
|
+
children: /* @__PURE__ */ v("div", {
|
|
91
|
+
className: "h-3 rounded-full bg-accent-blue transition-all",
|
|
92
|
+
style: { width: `${g}%` }
|
|
114
93
|
})
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
94
|
+
})
|
|
95
|
+
]
|
|
96
|
+
}),
|
|
97
|
+
/* @__PURE__ */ y("div", {
|
|
98
|
+
className: "space-y-2",
|
|
99
|
+
children: [
|
|
100
|
+
/* @__PURE__ */ v("p", {
|
|
101
|
+
className: "text-sm text-text-secondary",
|
|
102
|
+
children: "Required Steps"
|
|
103
|
+
}),
|
|
104
|
+
/* @__PURE__ */ y("p", {
|
|
105
|
+
className: "text-3xl font-bold tabular-nums",
|
|
106
|
+
children: [
|
|
107
|
+
p,
|
|
108
|
+
"/",
|
|
109
|
+
f.length
|
|
110
|
+
]
|
|
111
|
+
}),
|
|
112
|
+
/* @__PURE__ */ v("div", {
|
|
113
|
+
className: "h-3 overflow-hidden rounded-full bg-bg-sunken",
|
|
114
|
+
children: /* @__PURE__ */ v("div", {
|
|
115
|
+
className: "h-3 rounded-full bg-status-success-text transition-all",
|
|
116
|
+
style: { width: `${f.length > 0 ? Math.round(p / f.length * 100) : 0}%` }
|
|
137
117
|
})
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
118
|
+
})
|
|
119
|
+
]
|
|
120
|
+
}),
|
|
121
|
+
/* @__PURE__ */ y("div", {
|
|
122
|
+
className: "space-y-2",
|
|
123
|
+
children: [
|
|
124
|
+
/* @__PURE__ */ v("p", {
|
|
125
|
+
className: "text-sm text-text-secondary",
|
|
126
|
+
children: "Trust Level"
|
|
127
|
+
}),
|
|
128
|
+
/* @__PURE__ */ v("p", {
|
|
129
|
+
className: "text-3xl font-bold",
|
|
130
|
+
children: g >= 80 ? "High" : g >= 40 ? "Medium" : "Low"
|
|
131
|
+
}),
|
|
132
|
+
/* @__PURE__ */ v("div", {
|
|
133
|
+
className: "flex gap-1",
|
|
134
|
+
children: [
|
|
135
|
+
1,
|
|
136
|
+
2,
|
|
137
|
+
3,
|
|
138
|
+
4,
|
|
139
|
+
5
|
|
140
|
+
].map((e) => /* @__PURE__ */ v("div", { className: `h-3 flex-1 rounded-full ${e <= Math.ceil(g / 20) ? "bg-accent-blue" : "bg-bg-sunken"}` }, e))
|
|
141
|
+
})
|
|
142
|
+
]
|
|
143
|
+
})
|
|
144
|
+
]
|
|
142
145
|
}) }),
|
|
143
146
|
/* @__PURE__ */ y("div", {
|
|
144
147
|
className: "grid gap-6 lg:grid-cols-3",
|
|
@@ -148,12 +151,13 @@ function O() {
|
|
|
148
151
|
className: "text-sm font-medium text-text-secondary",
|
|
149
152
|
children: "Verification Steps"
|
|
150
153
|
}), i.map((e, t) => {
|
|
151
|
-
let n =
|
|
154
|
+
let n = j[e.status], r = n.icon, o = M[e.title] ?? m, c = t === i.length - 1, u = e.status === "in_progress";
|
|
152
155
|
return /* @__PURE__ */ y("div", {
|
|
153
156
|
className: "relative",
|
|
154
|
-
children: [
|
|
157
|
+
children: [!c && /* @__PURE__ */ v("div", { className: "absolute left-[23px] top-[52px] h-[calc(100%-16px)] w-0.5 bg-border-seam z-0" }), /* @__PURE__ */ v("button", {
|
|
155
158
|
onClick: () => l(a === e.id ? null : e.id),
|
|
156
|
-
|
|
159
|
+
"aria-pressed": a === e.id,
|
|
160
|
+
className: `relative z-10 w-full rounded-lg border p-4 text-left transition-shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${a === e.id ? "border-accent-blue bg-accent-blue-subtle" : "border-border-seam hover:shadow-pop"} ${e.status === "completed" ? "opacity-80" : ""}`,
|
|
157
161
|
children: /* @__PURE__ */ y("div", {
|
|
158
162
|
className: "flex items-start gap-4",
|
|
159
163
|
children: [
|
|
@@ -169,7 +173,7 @@ function O() {
|
|
|
169
173
|
children: [/* @__PURE__ */ v("h3", {
|
|
170
174
|
className: `font-medium ${e.status === "completed" ? "line-through text-text-secondary" : ""}`,
|
|
171
175
|
children: e.title
|
|
172
|
-
}), e.required && /* @__PURE__ */ v(
|
|
176
|
+
}), e.required && /* @__PURE__ */ v(x, {
|
|
173
177
|
variant: "destructive",
|
|
174
178
|
className: "text-xs",
|
|
175
179
|
children: "Required"
|
|
@@ -183,7 +187,7 @@ function O() {
|
|
|
183
187
|
className: "mt-2 flex items-center gap-3",
|
|
184
188
|
children: [/* @__PURE__ */ y("div", {
|
|
185
189
|
className: "flex items-center gap-1",
|
|
186
|
-
children: [/* @__PURE__ */ v(r, { className: `h-4 w-4 ${n.color}` }), /* @__PURE__ */ v("span", {
|
|
190
|
+
children: [/* @__PURE__ */ v(r, { className: `h-4 w-4 ${n.color} ${u ? "motion-safe:animate-vc-glow-pulse" : ""}` }), /* @__PURE__ */ v("span", {
|
|
187
191
|
className: `text-xs font-medium ${n.color}`,
|
|
188
192
|
children: n.label
|
|
189
193
|
})]
|
|
@@ -202,156 +206,161 @@ function O() {
|
|
|
202
206
|
})]
|
|
203
207
|
}), /* @__PURE__ */ y("div", {
|
|
204
208
|
className: "space-y-4",
|
|
205
|
-
children: [
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
209
|
+
children: [N ? /* @__PURE__ */ y(O, {
|
|
210
|
+
treatment: "insight",
|
|
211
|
+
className: "border-border-seam",
|
|
212
|
+
children: [/* @__PURE__ */ v(T, { children: /* @__PURE__ */ v(E, {
|
|
213
|
+
className: "text-base",
|
|
214
|
+
children: N.title
|
|
215
|
+
}) }), /* @__PURE__ */ y(w, {
|
|
216
|
+
className: "space-y-4",
|
|
217
|
+
children: [
|
|
218
|
+
/* @__PURE__ */ v("p", {
|
|
219
|
+
className: "text-sm text-text-secondary",
|
|
220
|
+
children: N.description
|
|
221
|
+
}),
|
|
222
|
+
/* @__PURE__ */ v("div", {
|
|
223
|
+
className: "flex items-center gap-2",
|
|
224
|
+
children: (() => {
|
|
225
|
+
let e = j[N.status], t = e.icon;
|
|
226
|
+
return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(t, { className: `h-5 w-5 ${e.color}` }), /* @__PURE__ */ v("span", {
|
|
227
|
+
className: `font-medium ${e.color}`,
|
|
228
|
+
children: e.label
|
|
229
|
+
})] });
|
|
230
|
+
})()
|
|
231
|
+
}),
|
|
232
|
+
N.required && /* @__PURE__ */ y("div", {
|
|
233
|
+
className: "flex items-center gap-2 rounded-lg bg-status-error-bg-subtle p-3",
|
|
234
|
+
children: [/* @__PURE__ */ v(n, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ v("span", {
|
|
235
|
+
className: "text-sm text-status-error-text",
|
|
236
|
+
children: "This step is required for full platform access."
|
|
237
|
+
})]
|
|
238
|
+
}),
|
|
239
|
+
N.completedAt && /* @__PURE__ */ v("div", {
|
|
240
|
+
className: "rounded-lg bg-status-success-bg-subtle p-3",
|
|
241
|
+
children: /* @__PURE__ */ y("p", {
|
|
242
|
+
className: "text-sm text-status-success-text",
|
|
243
|
+
children: ["Completed on ", N.completedAt]
|
|
244
|
+
})
|
|
245
|
+
}),
|
|
246
|
+
N.status === "pending" && /* @__PURE__ */ y("div", {
|
|
247
|
+
className: "space-y-3",
|
|
248
|
+
children: [
|
|
249
|
+
N.title === "Phone Verification" && /* @__PURE__ */ y("div", {
|
|
250
|
+
className: "space-y-2",
|
|
251
|
+
children: [/* @__PURE__ */ v("p", {
|
|
252
|
+
className: "text-sm font-medium",
|
|
253
|
+
children: "Enter your phone number"
|
|
254
|
+
}), /* @__PURE__ */ y("div", {
|
|
255
|
+
className: "flex gap-2",
|
|
256
|
+
children: [/* @__PURE__ */ v("input", {
|
|
257
|
+
type: "tel",
|
|
258
|
+
"aria-label": "Phone number",
|
|
259
|
+
className: "flex-1 rounded border border-border-seam bg-bg-surface px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
|
|
260
|
+
placeholder: "+1 (555) 000-0000"
|
|
261
|
+
}), /* @__PURE__ */ y(S, {
|
|
262
|
+
size: "sm",
|
|
263
|
+
children: ["Send Code ", /* @__PURE__ */ v(r, { className: "ml-2 h-4 w-4" })]
|
|
264
|
+
})]
|
|
265
|
+
})]
|
|
266
|
+
}),
|
|
267
|
+
N.title === "Identity Verification" && /* @__PURE__ */ y("div", {
|
|
268
|
+
className: "space-y-2",
|
|
269
|
+
children: [
|
|
270
|
+
/* @__PURE__ */ v("p", {
|
|
271
|
+
className: "text-sm font-medium",
|
|
272
|
+
children: "Upload a government-issued ID"
|
|
273
|
+
}),
|
|
274
|
+
/* @__PURE__ */ y("div", {
|
|
275
|
+
className: "flex flex-col items-center justify-center rounded-lg border-2 border-dashed border-border-seam p-6",
|
|
276
|
+
children: [
|
|
277
|
+
/* @__PURE__ */ v(h, { className: "h-8 w-8 text-text-secondary" }),
|
|
278
|
+
/* @__PURE__ */ v("p", {
|
|
279
|
+
className: "mt-2 text-xs text-text-secondary",
|
|
280
|
+
children: "Drag & drop or click to upload"
|
|
281
|
+
}),
|
|
282
|
+
/* @__PURE__ */ v("p", {
|
|
283
|
+
className: "text-xs text-text-secondary",
|
|
284
|
+
children: "Passport, Driver's License, or National ID"
|
|
285
|
+
})
|
|
286
|
+
]
|
|
287
|
+
}),
|
|
288
|
+
/* @__PURE__ */ y(S, {
|
|
289
|
+
className: "w-full",
|
|
290
|
+
children: [/* @__PURE__ */ v(h, { className: "mr-2 h-4 w-4" }), " Upload Document"]
|
|
291
|
+
})
|
|
292
|
+
]
|
|
293
|
+
}),
|
|
294
|
+
N.title !== "Phone Verification" && N.title !== "Identity Verification" && /* @__PURE__ */ y(S, {
|
|
295
|
+
className: "w-full",
|
|
296
|
+
children: ["Start Verification ", /* @__PURE__ */ v(r, { className: "ml-2 h-4 w-4" })]
|
|
297
|
+
})
|
|
298
|
+
]
|
|
299
|
+
}),
|
|
300
|
+
N.status === "failed" && /* @__PURE__ */ v(S, {
|
|
301
|
+
variant: "destructive",
|
|
302
|
+
className: "w-full",
|
|
303
|
+
children: "Retry Verification"
|
|
237
304
|
})
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
305
|
+
]
|
|
306
|
+
})]
|
|
307
|
+
}) : /* @__PURE__ */ v(C, {
|
|
308
|
+
className: "border-border-seam",
|
|
309
|
+
children: /* @__PURE__ */ v(w, {
|
|
310
|
+
className: "py-6",
|
|
311
|
+
children: /* @__PURE__ */ v(A, {
|
|
312
|
+
illustration: "onboarding",
|
|
313
|
+
title: "Select a step",
|
|
314
|
+
description: "Click on a verification step to see details and take action."
|
|
315
|
+
})
|
|
316
|
+
})
|
|
317
|
+
}), /* @__PURE__ */ y(C, {
|
|
318
|
+
className: "border-border-seam",
|
|
319
|
+
children: [/* @__PURE__ */ v(T, { children: /* @__PURE__ */ v(E, {
|
|
320
|
+
className: "text-base",
|
|
321
|
+
children: "Verification Benefits"
|
|
322
|
+
}) }), /* @__PURE__ */ v(w, {
|
|
323
|
+
className: "space-y-3",
|
|
324
|
+
children: [
|
|
325
|
+
{
|
|
326
|
+
label: "Higher search ranking",
|
|
327
|
+
unlockAt: 20
|
|
328
|
+
},
|
|
329
|
+
{
|
|
330
|
+
label: "Featured provider badge",
|
|
331
|
+
unlockAt: 40
|
|
332
|
+
},
|
|
333
|
+
{
|
|
334
|
+
label: "Priority support access",
|
|
335
|
+
unlockAt: 60
|
|
336
|
+
},
|
|
337
|
+
{
|
|
338
|
+
label: "Premium service listings",
|
|
339
|
+
unlockAt: 80
|
|
340
|
+
},
|
|
341
|
+
{
|
|
342
|
+
label: "Verified trust seal",
|
|
343
|
+
unlockAt: 100
|
|
344
|
+
}
|
|
345
|
+
].map((e) => /* @__PURE__ */ y("div", {
|
|
346
|
+
className: `flex items-center gap-2 rounded p-2 text-sm ${g >= e.unlockAt ? "text-text-primary" : "text-text-secondary"}`,
|
|
241
347
|
children: [
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
}), /* @__PURE__ */ y("div", {
|
|
248
|
-
className: "flex gap-2",
|
|
249
|
-
children: [/* @__PURE__ */ v("input", {
|
|
250
|
-
type: "tel",
|
|
251
|
-
className: "flex-1 rounded border bg-bg-surface px-3 py-2 text-sm",
|
|
252
|
-
placeholder: "+1 (555) 000-0000"
|
|
253
|
-
}), /* @__PURE__ */ y(x, {
|
|
254
|
-
size: "sm",
|
|
255
|
-
children: ["Send Code ", /* @__PURE__ */ v(r, { className: "ml-2 h-4 w-4" })]
|
|
256
|
-
})]
|
|
257
|
-
})]
|
|
258
|
-
}),
|
|
259
|
-
O.title === "Identity Verification" && /* @__PURE__ */ y("div", {
|
|
260
|
-
className: "space-y-2",
|
|
261
|
-
children: [
|
|
262
|
-
/* @__PURE__ */ v("p", {
|
|
263
|
-
className: "text-sm font-medium",
|
|
264
|
-
children: "Upload a government-issued ID"
|
|
265
|
-
}),
|
|
266
|
-
/* @__PURE__ */ y("div", {
|
|
267
|
-
className: "flex flex-col items-center justify-center rounded-lg border-2 border-dashed p-6",
|
|
268
|
-
children: [
|
|
269
|
-
/* @__PURE__ */ v(h, { className: "h-8 w-8 text-text-secondary" }),
|
|
270
|
-
/* @__PURE__ */ v("p", {
|
|
271
|
-
className: "mt-2 text-xs text-text-secondary",
|
|
272
|
-
children: "Drag & drop or click to upload"
|
|
273
|
-
}),
|
|
274
|
-
/* @__PURE__ */ v("p", {
|
|
275
|
-
className: "text-xs text-text-secondary",
|
|
276
|
-
children: "Passport, Driver's License, or National ID"
|
|
277
|
-
})
|
|
278
|
-
]
|
|
279
|
-
}),
|
|
280
|
-
/* @__PURE__ */ y(x, {
|
|
281
|
-
className: "w-full",
|
|
282
|
-
children: [/* @__PURE__ */ v(h, { className: "mr-2 h-4 w-4" }), " Upload Document"]
|
|
283
|
-
})
|
|
284
|
-
]
|
|
285
|
-
}),
|
|
286
|
-
O.title !== "Phone Verification" && O.title !== "Identity Verification" && /* @__PURE__ */ y(x, {
|
|
287
|
-
className: "w-full",
|
|
288
|
-
children: ["Start Verification ", /* @__PURE__ */ v(r, { className: "ml-2 h-4 w-4" })]
|
|
348
|
+
g >= e.unlockAt ? /* @__PURE__ */ v(o, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ v(c, { className: "h-4 w-4" }),
|
|
349
|
+
/* @__PURE__ */ v("span", { children: e.label }),
|
|
350
|
+
/* @__PURE__ */ y("span", {
|
|
351
|
+
className: "ml-auto text-xs tabular-nums",
|
|
352
|
+
children: [e.unlockAt, "%"]
|
|
289
353
|
})
|
|
290
354
|
]
|
|
291
|
-
})
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
className: "w-full",
|
|
295
|
-
children: "Retry Verification"
|
|
296
|
-
})
|
|
297
|
-
]
|
|
298
|
-
})] }) : /* @__PURE__ */ v(S, { children: /* @__PURE__ */ y(C, {
|
|
299
|
-
className: "py-12 text-center",
|
|
300
|
-
children: [
|
|
301
|
-
/* @__PURE__ */ v(m, { className: "mx-auto h-10 w-10 text-text-secondary/50" }),
|
|
302
|
-
/* @__PURE__ */ v("p", {
|
|
303
|
-
className: "mt-2 text-sm font-medium",
|
|
304
|
-
children: "Select a step"
|
|
305
|
-
}),
|
|
306
|
-
/* @__PURE__ */ v("p", {
|
|
307
|
-
className: "text-xs text-text-secondary",
|
|
308
|
-
children: "Click on a verification step to see details and take action."
|
|
309
|
-
})
|
|
310
|
-
]
|
|
311
|
-
}) }), /* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ v(T, {
|
|
312
|
-
className: "text-base",
|
|
313
|
-
children: "Verification Benefits"
|
|
314
|
-
}) }), /* @__PURE__ */ v(C, {
|
|
315
|
-
className: "space-y-3",
|
|
316
|
-
children: [
|
|
317
|
-
{
|
|
318
|
-
label: "Higher search ranking",
|
|
319
|
-
unlockAt: 20
|
|
320
|
-
},
|
|
321
|
-
{
|
|
322
|
-
label: "Featured provider badge",
|
|
323
|
-
unlockAt: 40
|
|
324
|
-
},
|
|
325
|
-
{
|
|
326
|
-
label: "Priority support access",
|
|
327
|
-
unlockAt: 60
|
|
328
|
-
},
|
|
329
|
-
{
|
|
330
|
-
label: "Premium service listings",
|
|
331
|
-
unlockAt: 80
|
|
332
|
-
},
|
|
333
|
-
{
|
|
334
|
-
label: "Verified trust seal",
|
|
335
|
-
unlockAt: 100
|
|
336
|
-
}
|
|
337
|
-
].map((e) => /* @__PURE__ */ y("div", {
|
|
338
|
-
className: `flex items-center gap-2 rounded p-2 text-sm ${g >= e.unlockAt ? "text-text-primary" : "text-text-secondary"}`,
|
|
339
|
-
children: [
|
|
340
|
-
g >= e.unlockAt ? /* @__PURE__ */ v(o, { className: "h-4 w-4 text-green-500" }) : /* @__PURE__ */ v(c, { className: "h-4 w-4" }),
|
|
341
|
-
/* @__PURE__ */ v("span", { children: e.label }),
|
|
342
|
-
/* @__PURE__ */ y("span", {
|
|
343
|
-
className: "ml-auto text-xs",
|
|
344
|
-
children: [e.unlockAt, "%"]
|
|
345
|
-
})
|
|
346
|
-
]
|
|
347
|
-
}, e.label))
|
|
348
|
-
})] })]
|
|
355
|
+
}, e.label))
|
|
356
|
+
})]
|
|
357
|
+
})]
|
|
349
358
|
})]
|
|
350
359
|
})
|
|
351
360
|
]
|
|
352
361
|
});
|
|
353
362
|
}
|
|
354
363
|
//#endregion
|
|
355
|
-
export {
|
|
364
|
+
export { N as VerificationPage };
|
|
356
365
|
|
|
357
366
|
//# sourceMappingURL=VerificationPage.js.map
|