@burdenoff/microfe-proserviceworld 2026.509.101

package/dist/proserviceworld/pages/VerificationPage.js

@@ -0,0 +1,357 @@
+import { useProServiceWorldStore as e } from "../store/proserviceworldStore.js";
+import { useState as t } from "react";
+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";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Badge as b, Button as x, Card as S, CardContent as C, CardHeader as w, CardTitle as T } from "@burdenoff/fe-libs/ui";
+//#region src/proserviceworld/pages/VerificationPage.tsx
+var E = {
+	completed: {
+		icon: o,
+		color: "text-green-600",
+		bgColor: "bg-green-100 dark:bg-green-950",
+		label: "Completed"
+	},
+	pending: {
+		icon: c,
+		color: "text-gray-400",
+		bgColor: "bg-gray-100 dark:bg-gray-800",
+		label: "Pending"
+	},
+	in_progress: {
+		icon: c,
+		color: "text-blue-600",
+		bgColor: "bg-blue-100 dark:bg-blue-950",
+		label: "In Progress"
+	},
+	failed: {
+		icon: g,
+		color: "text-red-600",
+		bgColor: "bg-red-100 dark:bg-red-950",
+		label: "Failed"
+	}
+}, D = {
+	"Email Verification": d,
+	"Phone Verification": p,
+	"Identity Verification": u,
+	"Address Verification": f,
+	"Business Verification": a,
+	"Professional Verification": i,
+	"Background Check": l
+};
+function O() {
+	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), O = a ? i.find((e) => e.id === a) : null;
+	return /* @__PURE__ */ y("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ y("div", {
+				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h1", {
+					className: "text-2xl font-semibold",
+					children: "Verification"
+				}), /* @__PURE__ */ v("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Complete verification steps to unlock full platform features and build trust."
+				})] }), /* @__PURE__ */ y(b, {
+					variant: g === 100 ? "default" : "secondary",
+					className: "text-sm",
+					children: [
+						/* @__PURE__ */ v(m, { className: "mr-2 h-4 w-4" }),
+						g,
+						"% Verified"
+					]
+				})]
+			}),
+			/* @__PURE__ */ v(S, { children: /* @__PURE__ */ v(C, {
+				className: "pt-6",
+				children: /* @__PURE__ */ y("div", {
+					className: "grid gap-6 sm:grid-cols-3",
+					children: [
+						/* @__PURE__ */ y("div", {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ v("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Overall Progress"
+								}),
+								/* @__PURE__ */ y("p", {
+									className: "text-3xl font-bold",
+									children: [
+										u,
+										"/",
+										d
+									]
+								}),
+								/* @__PURE__ */ v("div", {
+									className: "h-3 overflow-hidden rounded-full bg-muted",
+									children: /* @__PURE__ */ v("div", {
+										className: "h-3 rounded-full bg-primary transition-all",
+										style: { width: `${g}%` }
+									})
+								})
+							]
+						}),
+						/* @__PURE__ */ y("div", {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ v("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Required Steps"
+								}),
+								/* @__PURE__ */ y("p", {
+									className: "text-3xl font-bold",
+									children: [
+										p,
+										"/",
+										f.length
+									]
+								}),
+								/* @__PURE__ */ v("div", {
+									className: "h-3 overflow-hidden rounded-full bg-muted",
+									children: /* @__PURE__ */ v("div", {
+										className: "h-3 rounded-full bg-green-500 transition-all",
+										style: { width: `${f.length > 0 ? Math.round(p / f.length * 100) : 0}%` }
+									})
+								})
+							]
+						}),
+						/* @__PURE__ */ y("div", {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ v("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Trust Level"
+								}),
+								/* @__PURE__ */ v("p", {
+									className: "text-3xl font-bold",
+									children: g >= 80 ? "High" : g >= 40 ? "Medium" : "Low"
+								}),
+								/* @__PURE__ */ v("div", {
+									className: "flex gap-1",
+									children: [
+										1,
+										2,
+										3,
+										4,
+										5
+									].map((e) => /* @__PURE__ */ v("div", { className: `h-3 flex-1 rounded-full ${e <= Math.ceil(g / 20) ? "bg-primary" : "bg-muted"}` }, e))
+								})
+							]
+						})
+					]
+				})
+			}) }),
+			/* @__PURE__ */ y("div", {
+				className: "grid gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ y("div", {
+					className: "space-y-3 lg:col-span-2",
+					children: [/* @__PURE__ */ v("h2", {
+						className: "text-sm font-medium text-muted-foreground",
+						children: "Verification Steps"
+					}), i.map((e, t) => {
+						let n = E[e.status], r = n.icon, o = D[e.title] ?? m;
+						return /* @__PURE__ */ y("div", {
+							className: "relative",
+							children: [t !== i.length - 1 && /* @__PURE__ */ v("div", { className: "absolute left-[23px] top-[52px] h-[calc(100%-16px)] w-0.5 bg-muted z-0" }), /* @__PURE__ */ v("button", {
+								onClick: () => l(a === e.id ? null : e.id),
+								className: `relative z-10 w-full rounded-lg border p-4 text-left transition-colors ${a === e.id ? "border-primary bg-primary/5" : "hover:bg-muted/50"} ${e.status === "completed" ? "opacity-80" : ""}`,
+								children: /* @__PURE__ */ y("div", {
+									className: "flex items-start gap-4",
+									children: [
+										/* @__PURE__ */ v("div", {
+											className: `shrink-0 rounded-full p-2 ${n.bgColor}`,
+											children: /* @__PURE__ */ v(o, { className: `h-5 w-5 ${n.color}` })
+										}),
+										/* @__PURE__ */ y("div", {
+											className: "min-w-0 flex-1",
+											children: [
+												/* @__PURE__ */ y("div", {
+													className: "flex items-center gap-2",
+													children: [/* @__PURE__ */ v("h3", {
+														className: `font-medium ${e.status === "completed" ? "line-through text-muted-foreground" : ""}`,
+														children: e.title
+													}), e.required && /* @__PURE__ */ v(b, {
+														variant: "destructive",
+														className: "text-xs",
+														children: "Required"
+													})]
+												}),
+												/* @__PURE__ */ v("p", {
+													className: "mt-0.5 text-sm text-muted-foreground",
+													children: e.description
+												}),
+												/* @__PURE__ */ y("div", {
+													className: "mt-2 flex items-center gap-3",
+													children: [/* @__PURE__ */ y("div", {
+														className: "flex items-center gap-1",
+														children: [/* @__PURE__ */ v(r, { className: `h-4 w-4 ${n.color}` }), /* @__PURE__ */ v("span", {
+															className: `text-xs font-medium ${n.color}`,
+															children: n.label
+														})]
+													}), e.completedAt && /* @__PURE__ */ y("span", {
+														className: "text-xs text-muted-foreground",
+														children: ["Completed on ", e.completedAt]
+													})]
+												})
+											]
+										}),
+										/* @__PURE__ */ v(s, { className: "h-5 w-5 shrink-0 text-muted-foreground" })
+									]
+								})
+							})]
+						}, e.id);
+					})]
+				}), /* @__PURE__ */ y("div", {
+					className: "space-y-4",
+					children: [O ? /* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ v(T, {
+						className: "text-base",
+						children: O.title
+					}) }), /* @__PURE__ */ y(C, {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ v("p", {
+								className: "text-sm text-muted-foreground",
+								children: O.description
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "flex items-center gap-2",
+								children: (() => {
+									let e = E[O.status], t = e.icon;
+									return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(t, { className: `h-5 w-5 ${e.color}` }), /* @__PURE__ */ v("span", {
+										className: `font-medium ${e.color}`,
+										children: e.label
+									})] });
+								})()
+							}),
+							O.required && /* @__PURE__ */ y("div", {
+								className: "flex items-center gap-2 rounded-lg bg-red-50 p-3 dark:bg-red-950",
+								children: [/* @__PURE__ */ v(n, { className: "h-4 w-4 text-red-600" }), /* @__PURE__ */ v("span", {
+									className: "text-sm text-red-700 dark:text-red-400",
+									children: "This step is required for full platform access."
+								})]
+							}),
+							O.completedAt && /* @__PURE__ */ v("div", {
+								className: "rounded-lg bg-green-50 p-3 dark:bg-green-950",
+								children: /* @__PURE__ */ y("p", {
+									className: "text-sm text-green-700 dark:text-green-400",
+									children: ["Completed on ", O.completedAt]
+								})
+							}),
+							O.status === "pending" && /* @__PURE__ */ y("div", {
+								className: "space-y-3",
+								children: [
+									O.title === "Phone Verification" && /* @__PURE__ */ y("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ v("p", {
+											className: "text-sm font-medium",
+											children: "Enter your phone number"
+										}), /* @__PURE__ */ y("div", {
+											className: "flex gap-2",
+											children: [/* @__PURE__ */ v("input", {
+												type: "tel",
+												className: "flex-1 rounded border bg-background px-3 py-2 text-sm",
+												placeholder: "+1 (555) 000-0000"
+											}), /* @__PURE__ */ y(x, {
+												size: "sm",
+												children: ["Send Code ", /* @__PURE__ */ v(r, { className: "ml-2 h-4 w-4" })]
+											})]
+										})]
+									}),
+									O.title === "Identity Verification" && /* @__PURE__ */ y("div", {
+										className: "space-y-2",
+										children: [
+											/* @__PURE__ */ v("p", {
+												className: "text-sm font-medium",
+												children: "Upload a government-issued ID"
+											}),
+											/* @__PURE__ */ y("div", {
+												className: "flex flex-col items-center justify-center rounded-lg border-2 border-dashed p-6",
+												children: [
+													/* @__PURE__ */ v(h, { className: "h-8 w-8 text-muted-foreground" }),
+													/* @__PURE__ */ v("p", {
+														className: "mt-2 text-xs text-muted-foreground",
+														children: "Drag & drop or click to upload"
+													}),
+													/* @__PURE__ */ v("p", {
+														className: "text-xs text-muted-foreground",
+														children: "Passport, Driver's License, or National ID"
+													})
+												]
+											}),
+											/* @__PURE__ */ y(x, {
+												className: "w-full",
+												children: [/* @__PURE__ */ v(h, { className: "mr-2 h-4 w-4" }), " Upload Document"]
+											})
+										]
+									}),
+									O.title !== "Phone Verification" && O.title !== "Identity Verification" && /* @__PURE__ */ y(x, {
+										className: "w-full",
+										children: ["Start Verification ", /* @__PURE__ */ v(r, { className: "ml-2 h-4 w-4" })]
+									})
+								]
+							}),
+							O.status === "failed" && /* @__PURE__ */ v(x, {
+								variant: "destructive",
+								className: "w-full",
+								children: "Retry Verification"
+							})
+						]
+					})] }) : /* @__PURE__ */ v(S, { children: /* @__PURE__ */ y(C, {
+						className: "py-12 text-center",
+						children: [
+							/* @__PURE__ */ v(m, { className: "mx-auto h-10 w-10 text-muted-foreground/50" }),
+							/* @__PURE__ */ v("p", {
+								className: "mt-2 text-sm font-medium",
+								children: "Select a step"
+							}),
+							/* @__PURE__ */ v("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Click on a verification step to see details and take action."
+							})
+						]
+					}) }), /* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ v(T, {
+						className: "text-base",
+						children: "Verification Benefits"
+					}) }), /* @__PURE__ */ v(C, {
+						className: "space-y-3",
+						children: [
+							{
+								label: "Higher search ranking",
+								unlockAt: 20
+							},
+							{
+								label: "Featured provider badge",
+								unlockAt: 40
+							},
+							{
+								label: "Priority support access",
+								unlockAt: 60
+							},
+							{
+								label: "Premium service listings",
+								unlockAt: 80
+							},
+							{
+								label: "Verified trust seal",
+								unlockAt: 100
+							}
+						].map((e) => /* @__PURE__ */ y("div", {
+							className: `flex items-center gap-2 rounded p-2 text-sm ${g >= e.unlockAt ? "text-foreground" : "text-muted-foreground"}`,
+							children: [
+								g >= e.unlockAt ? /* @__PURE__ */ v(o, { className: "h-4 w-4 text-green-500" }) : /* @__PURE__ */ v(c, { className: "h-4 w-4" }),
+								/* @__PURE__ */ v("span", { children: e.label }),
+								/* @__PURE__ */ y("span", {
+									className: "ml-auto text-xs",
+									children: [e.unlockAt, "%"]
+								})
+							]
+						}, e.label))
+					})] })]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { O as VerificationPage };
+
+//# sourceMappingURL=VerificationPage.js.map

package/dist/proserviceworld/pages/VerificationPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerificationPage.js","names":[],"sources":["../../../src/proserviceworld/pages/VerificationPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Badge, Button, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport {\n  CheckCircle2,\n  Clock,\n  AlertTriangle,\n  XCircle,\n  Shield,\n  Mail,\n  Phone,\n  Fingerprint,\n  MapPin,\n  Building2,\n  Award,\n  FileSearch,\n  ChevronRight,\n  Upload,\n  ArrowRight,\n} from 'lucide-react';\nimport { useProServiceWorldStore } from '../store/proserviceworldStore';\nimport type { VerificationStepStatus } from '../types';\n\nconst statusConfig: Record<\n  VerificationStepStatus,\n  { icon: typeof CheckCircle2; color: string; bgColor: string; label: string }\n> = {\n  completed: {\n    icon: CheckCircle2,\n    color: 'text-green-600',\n    bgColor: 'bg-green-100 dark:bg-green-950',\n    label: 'Completed',\n  },\n  pending: {\n    icon: Clock,\n    color: 'text-gray-400',\n    bgColor: 'bg-gray-100 dark:bg-gray-800',\n    label: 'Pending',\n  },\n  in_progress: {\n    icon: Clock,\n    color: 'text-blue-600',\n    bgColor: 'bg-blue-100 dark:bg-blue-950',\n    label: 'In Progress',\n  },\n  failed: {\n    icon: XCircle,\n    color: 'text-red-600',\n    bgColor: 'bg-red-100 dark:bg-red-950',\n    label: 'Failed',\n  },\n};\n\nconst stepIcons: Record<string, typeof Mail> = {\n  'Email Verification': Mail,\n  'Phone Verification': Phone,\n  'Identity Verification': Fingerprint,\n  'Address Verification': MapPin,\n  'Business Verification': Building2,\n  'Professional Verification': Award,\n  'Background Check': FileSearch,\n};\n\nexport function VerificationPage() {\n  const { verificationSteps } = useProServiceWorldStore();\n  const [selectedStepId, setSelectedStepId] = useState<string | null>(null);\n\n  const completedCount = verificationSteps.filter((s) => s.status === 'completed').length;\n  const totalSteps = verificationSteps.length;\n  const requiredSteps = verificationSteps.filter((s) => s.required);\n  const requiredCompleted = requiredSteps.filter((s) => s.status === 'completed').length;\n  const progressPercent = Math.round((completedCount / totalSteps) * 100);\n\n  const selectedStep = selectedStepId\n    ? verificationSteps.find((s) => s.id === selectedStepId)\n    : null;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      {/* Header */}\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Verification</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Complete verification steps to unlock full platform features and build trust.\n          </p>\n        </div>\n        <Badge variant={progressPercent === 100 ? 'default' : 'secondary'} className=\"text-sm\">\n          <Shield className=\"mr-2 h-4 w-4\" />\n          {progressPercent}% Verified\n        </Badge>\n      </div>\n\n      {/* Overall progress */}\n      <Card>\n        <CardContent className=\"pt-6\">\n          <div className=\"grid gap-6 sm:grid-cols-3\">\n            <div className=\"space-y-2\">\n              <p className=\"text-sm text-muted-foreground\">Overall Progress</p>\n              <p className=\"text-3xl font-bold\">\n                {completedCount}/{totalSteps}\n              </p>\n              <div className=\"h-3 overflow-hidden rounded-full bg-muted\">\n                <div\n                  className=\"h-3 rounded-full bg-primary transition-all\"\n                  style={{ width: `${progressPercent}%` }}\n                />\n              </div>\n            </div>\n            <div className=\"space-y-2\">\n              <p className=\"text-sm text-muted-foreground\">Required Steps</p>\n              <p className=\"text-3xl font-bold\">\n                {requiredCompleted}/{requiredSteps.length}\n              </p>\n              <div className=\"h-3 overflow-hidden rounded-full bg-muted\">\n                <div\n                  className=\"h-3 rounded-full bg-green-500 transition-all\"\n                  style={{\n                    width: `${requiredSteps.length > 0 ? Math.round((requiredCompleted / requiredSteps.length) * 100) : 0}%`,\n                  }}\n                />\n              </div>\n            </div>\n            <div className=\"space-y-2\">\n              <p className=\"text-sm text-muted-foreground\">Trust Level</p>\n              <p className=\"text-3xl font-bold\">\n                {progressPercent >= 80 ? 'High' : progressPercent >= 40 ? 'Medium' : 'Low'}\n              </p>\n              <div className=\"flex gap-1\">\n                {[1, 2, 3, 4, 5].map((level) => (\n                  <div\n                    key={level}\n                    className={`h-3 flex-1 rounded-full ${\n                      level <= Math.ceil(progressPercent / 20) ? 'bg-primary' : 'bg-muted'\n                    }`}\n                  />\n                ))}\n              </div>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n\n      <div className=\"grid gap-6 lg:grid-cols-3\">\n        {/* Steps list */}\n        <div className=\"space-y-3 lg:col-span-2\">\n          <h2 className=\"text-sm font-medium text-muted-foreground\">Verification Steps</h2>\n          {verificationSteps.map((step, idx) => {\n            const cfg = statusConfig[step.status];\n            const StatusIcon = cfg.icon;\n            const StepIcon = stepIcons[step.title] ?? Shield;\n            const isLast = idx === verificationSteps.length - 1;\n\n            return (\n              <div key={step.id} className=\"relative\">\n                {/* Connector line */}\n                {!isLast && (\n                  <div className=\"absolute left-[23px] top-[52px] h-[calc(100%-16px)] w-0.5 bg-muted z-0\" />\n                )}\n\n                <button\n                  onClick={() => setSelectedStepId(selectedStepId === step.id ? null : step.id)}\n                  className={`relative z-10 w-full rounded-lg border p-4 text-left transition-colors ${\n                    selectedStepId === step.id ? 'border-primary bg-primary/5' : 'hover:bg-muted/50'\n                  } ${step.status === 'completed' ? 'opacity-80' : ''}`}\n                >\n                  <div className=\"flex items-start gap-4\">\n                    {/* Step icon */}\n                    <div className={`shrink-0 rounded-full p-2 ${cfg.bgColor}`}>\n                      <StepIcon className={`h-5 w-5 ${cfg.color}`} />\n                    </div>\n\n                    {/* Content */}\n                    <div className=\"min-w-0 flex-1\">\n                      <div className=\"flex items-center gap-2\">\n                        <h3\n                          className={`font-medium ${step.status === 'completed' ? 'line-through text-muted-foreground' : ''}`}\n                        >\n                          {step.title}\n                        </h3>\n                        {step.required && (\n                          <Badge variant=\"destructive\" className=\"text-xs\">\n                            Required\n                          </Badge>\n                        )}\n                      </div>\n                      <p className=\"mt-0.5 text-sm text-muted-foreground\">{step.description}</p>\n\n                      <div className=\"mt-2 flex items-center gap-3\">\n                        <div className=\"flex items-center gap-1\">\n                          <StatusIcon className={`h-4 w-4 ${cfg.color}`} />\n                          <span className={`text-xs font-medium ${cfg.color}`}>{cfg.label}</span>\n                        </div>\n                        {step.completedAt && (\n                          <span className=\"text-xs text-muted-foreground\">\n                            Completed on {step.completedAt}\n                          </span>\n                        )}\n                      </div>\n                    </div>\n\n                    <ChevronRight className=\"h-5 w-5 shrink-0 text-muted-foreground\" />\n                  </div>\n                </button>\n              </div>\n            );\n          })}\n        </div>\n\n        {/* Detail panel */}\n        <div className=\"space-y-4\">\n          {selectedStep ? (\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"text-base\">{selectedStep.title}</CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <p className=\"text-sm text-muted-foreground\">{selectedStep.description}</p>\n\n                <div className=\"flex items-center gap-2\">\n                  {(() => {\n                    const cfg = statusConfig[selectedStep.status];\n                    const Icon = cfg.icon;\n                    return (\n                      <>\n                        <Icon className={`h-5 w-5 ${cfg.color}`} />\n                        <span className={`font-medium ${cfg.color}`}>{cfg.label}</span>\n                      </>\n                    );\n                  })()}\n                </div>\n\n                {selectedStep.required && (\n                  <div className=\"flex items-center gap-2 rounded-lg bg-red-50 p-3 dark:bg-red-950\">\n                    <AlertTriangle className=\"h-4 w-4 text-red-600\" />\n                    <span className=\"text-sm text-red-700 dark:text-red-400\">\n                      This step is required for full platform access.\n                    </span>\n                  </div>\n                )}\n\n                {selectedStep.completedAt && (\n                  <div className=\"rounded-lg bg-green-50 p-3 dark:bg-green-950\">\n                    <p className=\"text-sm text-green-700 dark:text-green-400\">\n                      Completed on {selectedStep.completedAt}\n                    </p>\n                  </div>\n                )}\n\n                {selectedStep.status === 'pending' && (\n                  <div className=\"space-y-3\">\n                    {selectedStep.title === 'Phone Verification' && (\n                      <div className=\"space-y-2\">\n                        <p className=\"text-sm font-medium\">Enter your phone number</p>\n                        <div className=\"flex gap-2\">\n                          <input\n                            type=\"tel\"\n                            className=\"flex-1 rounded border bg-background px-3 py-2 text-sm\"\n                            placeholder=\"+1 (555) 000-0000\"\n                          />\n                          <Button size=\"sm\">\n                            Send Code <ArrowRight className=\"ml-2 h-4 w-4\" />\n                          </Button>\n                        </div>\n                      </div>\n                    )}\n                    {selectedStep.title === 'Identity Verification' && (\n                      <div className=\"space-y-2\">\n                        <p className=\"text-sm font-medium\">Upload a government-issued ID</p>\n                        <div className=\"flex flex-col items-center justify-center rounded-lg border-2 border-dashed p-6\">\n                          <Upload className=\"h-8 w-8 text-muted-foreground\" />\n                          <p className=\"mt-2 text-xs text-muted-foreground\">\n                            Drag & drop or click to upload\n                          </p>\n                          <p className=\"text-xs text-muted-foreground\">\n                            Passport, Driver&apos;s License, or National ID\n                          </p>\n                        </div>\n                        <Button className=\"w-full\">\n                          <Upload className=\"mr-2 h-4 w-4\" /> Upload Document\n                        </Button>\n                      </div>\n                    )}\n                    {selectedStep.title !== 'Phone Verification' &&\n                      selectedStep.title !== 'Identity Verification' && (\n                        <Button className=\"w-full\">\n                          Start Verification <ArrowRight className=\"ml-2 h-4 w-4\" />\n                        </Button>\n                      )}\n                  </div>\n                )}\n\n                {selectedStep.status === 'failed' && (\n                  <Button variant=\"destructive\" className=\"w-full\">\n                    Retry Verification\n                  </Button>\n                )}\n              </CardContent>\n            </Card>\n          ) : (\n            <Card>\n              <CardContent className=\"py-12 text-center\">\n                <Shield className=\"mx-auto h-10 w-10 text-muted-foreground/50\" />\n                <p className=\"mt-2 text-sm font-medium\">Select a step</p>\n                <p className=\"text-xs text-muted-foreground\">\n                  Click on a verification step to see details and take action.\n                </p>\n              </CardContent>\n            </Card>\n          )}\n\n          {/* Benefits card */}\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-base\">Verification Benefits</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {[\n                { label: 'Higher search ranking', unlockAt: 20 },\n                { label: 'Featured provider badge', unlockAt: 40 },\n                { label: 'Priority support access', unlockAt: 60 },\n                { label: 'Premium service listings', unlockAt: 80 },\n                { label: 'Verified trust seal', unlockAt: 100 },\n              ].map((benefit) => (\n                <div\n                  key={benefit.label}\n                  className={`flex items-center gap-2 rounded p-2 text-sm ${\n                    progressPercent >= benefit.unlockAt\n                      ? 'text-foreground'\n                      : 'text-muted-foreground'\n                  }`}\n                >\n                  {progressPercent >= benefit.unlockAt ? (\n                    <CheckCircle2 className=\"h-4 w-4 text-green-500\" />\n                  ) : (\n                    <Clock className=\"h-4 w-4\" />\n                  )}\n                  <span>{benefit.label}</span>\n                  <span className=\"ml-auto text-xs\">{benefit.unlockAt}%</span>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/proserviceworld/providers/ProServiceWorldProvider.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+import { ProServiceWorldRootProps } from '../types';
+
+export declare const useProServiceWorld: () => ProServiceWorldRootProps;
+export declare const ProServiceWorldProvider: FC<PropsWithChildren<ProServiceWorldRootProps>>;
+//# sourceMappingURL=ProServiceWorldProvider.d.ts.map

package/dist/proserviceworld/providers/ProServiceWorldProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProServiceWorldProvider.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/providers/ProServiceWorldProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAMzD,eAAO,MAAM,kBAAkB,gCAI9B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,iBAAiB,CAAC,wBAAwB,CAAC,CAsBnF,CAAC"}

package/dist/proserviceworld/providers/ProServiceWorldProvider.js

@@ -0,0 +1,27 @@
+import { createContext as e, useContext as t, useMemo as n } from "react";
+import { MemoryRouter as r } from "react-router-dom";
+import { QueryClient as i, QueryClientProvider as a } from "@tanstack/react-query";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/proserviceworld/providers/ProServiceWorldProvider.tsx
+var s = e(null), c = () => {
+	let e = t(s);
+	if (!e) throw Error("useProServiceWorld must be used within ProServiceWorldProvider");
+	return e;
+}, l = ({ children: e, ...t }) => {
+	let c = /* @__PURE__ */ o(a, {
+		client: n(() => new i({ defaultOptions: { queries: {
+			retry: 1,
+			refetchOnWindowFocus: !1,
+			staleTime: 300 * 1e3
+		} } }), []),
+		children: /* @__PURE__ */ o(s.Provider, {
+			value: t,
+			children: e
+		})
+	});
+	return t.basePath ? c : /* @__PURE__ */ o(r, { children: c });
+};
+//#endregion
+export { l as ProServiceWorldProvider, c as useProServiceWorld };
+
+//# sourceMappingURL=ProServiceWorldProvider.js.map

package/dist/proserviceworld/providers/ProServiceWorldProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProServiceWorldProvider.js","names":[],"sources":["../../../src/proserviceworld/providers/ProServiceWorldProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport { createContext, useContext, useMemo } from 'react';\nimport { MemoryRouter } from 'react-router-dom';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport type { ProServiceWorldRootProps } from '../types';\n\ntype ProServiceWorldContextValue = ProServiceWorldRootProps;\n\nconst ProServiceWorldContext = createContext<ProServiceWorldContextValue | null>(null);\n\nexport const useProServiceWorld = () => {\n  const context = useContext(ProServiceWorldContext);\n  if (!context) throw new Error('useProServiceWorld must be used within ProServiceWorldProvider');\n  return context;\n};\n\nexport const ProServiceWorldProvider: FC<PropsWithChildren<ProServiceWorldRootProps>> = ({\n  children,\n  ...props\n}) => {\n  const queryClient = useMemo(\n    () =>\n      new QueryClient({\n        defaultOptions: {\n          queries: { retry: 1, refetchOnWindowFocus: false, staleTime: 5 * 60 * 1000 },\n        },\n      }),\n    []\n  );\n\n  const content = (\n    <QueryClientProvider client={queryClient}>\n      <ProServiceWorldContext.Provider value={props}>{children}</ProServiceWorldContext.Provider>\n    </QueryClientProvider>\n  );\n\n  if (props.basePath) return content;\n  return <MemoryRouter>{content}</MemoryRouter>;\n};\n"],"mappings":";;;;;AAQA,IAAM,IAAyB,EAAkD,KAAK,EAEzE,UAA2B;CACtC,IAAM,IAAU,EAAW,EAAuB;AAClD,KAAI,CAAC,EAAS,OAAU,MAAM,iEAAiE;AAC/F,QAAO;GAGI,KAA4E,EACvF,aACA,GAAG,QACC;CAWJ,IAAM,IACJ,kBAAC,GAAD;EAAqB,QAXH,QAEhB,IAAI,EAAY,EACd,gBAAgB,EACd,SAAS;GAAE,OAAO;GAAG,sBAAsB;GAAO,WAAW,MAAS;GAAM,EAC7E,EACF,CAAC,EACJ,EAAE,CACH;YAIG,kBAAC,EAAuB,UAAxB;GAAiC,OAAO;GAAQ;GAA2C,CAAA;EACvE,CAAA;AAIxB,QADI,EAAM,WAAiB,IACpB,kBAAC,GAAD,EAAA,UAAe,GAAuB,CAAA"}

package/dist/proserviceworld/store/proserviceworldStore.d.ts

@@ -0,0 +1,32 @@
+import { OverviewMetric, WorkItem, ServiceProvider, ProfessionalService, Booking, Review, PaymentTransaction, PaymentMethod, Invoice, Project, DocumentFile, DocumentFolder, Conversation, Notification, AnalyticsMetric, ChartDataPoint, GeographicData, VerificationStep, AdminUser, AdminReportMetric } from '../types';
+
+interface ProServiceWorldState {
+    metrics: OverviewMetric[];
+    workItems: WorkItem[];
+    selectedView: string;
+    setSelectedView: (view: string) => void;
+    setWorkItems: (items: WorkItem[]) => void;
+    providers: ServiceProvider[];
+    services: ProfessionalService[];
+    bookings: Booking[];
+    reviews: Review[];
+    transactions: PaymentTransaction[];
+    paymentMethods: PaymentMethod[];
+    invoices: Invoice[];
+    projects: Project[];
+    documents: DocumentFile[];
+    folders: DocumentFolder[];
+    conversations: Conversation[];
+    notifications: Notification[];
+    analyticsMetrics: AnalyticsMetric[];
+    revenueData: ChartDataPoint[];
+    clientData: ChartDataPoint[];
+    servicePerformance: ChartDataPoint[];
+    geographicData: GeographicData[];
+    verificationSteps: VerificationStep[];
+    adminUsers: AdminUser[];
+    adminReportMetrics: AdminReportMetric[];
+}
+export declare const useProServiceWorldStore: import('zustand').UseBoundStore<import('zustand').StoreApi<ProServiceWorldState>>;
+export {};
+//# sourceMappingURL=proserviceworldStore.d.ts.map

package/dist/proserviceworld/store/proserviceworldStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"proserviceworldStore.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/store/proserviceworldStore.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,cAAc,EACd,QAAQ,EACR,eAAe,EACf,mBAAmB,EACnB,OAAO,EACP,MAAM,EACN,kBAAkB,EAClB,aAAa,EACb,OAAO,EACP,OAAO,EACP,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,iBAAiB,EAClB,MAAM,UAAU,CAAC;AAIlB,UAAU,oBAAoB;IAE5B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IAG1C,SAAS,EAAE,eAAe,EAAE,CAAC;IAG7B,QAAQ,EAAE,mBAAmB,EAAE,CAAC;IAGhC,QAAQ,EAAE,OAAO,EAAE,CAAC;IAGpB,OAAO,EAAE,MAAM,EAAE,CAAC;IAGlB,YAAY,EAAE,kBAAkB,EAAE,CAAC;IACnC,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,QAAQ,EAAE,OAAO,EAAE,CAAC;IAGpB,QAAQ,EAAE,OAAO,EAAE,CAAC;IAGpB,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,OAAO,EAAE,cAAc,EAAE,CAAC;IAG1B,aAAa,EAAE,YAAY,EAAE,CAAC;IAG9B,aAAa,EAAE,YAAY,EAAE,CAAC;IAG9B,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,WAAW,EAAE,cAAc,EAAE,CAAC;IAC9B,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,kBAAkB,EAAE,cAAc,EAAE,CAAC;IACrC,cAAc,EAAE,cAAc,EAAE,CAAC;IAGjC,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IAGtC,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,kBAAkB,EAAE,iBAAiB,EAAE,CAAC;CACzC;AAgiED,eAAO,MAAM,uBAAuB,mFAgIjC,CAAC"}