@burdenoff/microfe-proserviceworld 2026.509.101

package/dist/proserviceworld/pages/ProvidersPage.js

@@ -0,0 +1,342 @@
+import { useProServiceWorldStore as e } from "../store/proserviceworldStore.js";
+import { tWithFallback as t } from "../utils/i18n.js";
+import { useMemo as n, useState as r } from "react";
+import { Briefcase as i, CheckCircle as a, Clock as o, Filter as s, MapPin as c, Search as l, Star as u, Users as d } from "lucide-react";
+import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Badge as h, Button as g, Card as _, CardContent as v, Input as y } from "@burdenoff/fe-libs/ui";
+//#region src/proserviceworld/pages/ProvidersPage.tsx
+var b = [
+	{
+		value: "",
+		key: "proserviceworld.shared.filters.allCategories",
+		fallback: "All Categories"
+	},
+	{
+		value: "business_consulting",
+		key: "proserviceworld.shared.categories.businessConsulting",
+		fallback: "Business Consulting"
+	},
+	{
+		value: "financial_services",
+		key: "proserviceworld.shared.categories.financialServices",
+		fallback: "Financial Services"
+	},
+	{
+		value: "legal_services",
+		key: "proserviceworld.shared.categories.legalServices",
+		fallback: "Legal Services"
+	},
+	{
+		value: "accounting_bookkeeping",
+		key: "proserviceworld.shared.categories.accountingBookkeeping",
+		fallback: "Accounting & Bookkeeping"
+	},
+	{
+		value: "marketing_advertising",
+		key: "proserviceworld.shared.categories.marketingAdvertising",
+		fallback: "Marketing & Advertising"
+	},
+	{
+		value: "it_technology",
+		key: "proserviceworld.shared.categories.itTechnology",
+		fallback: "IT & Technology"
+	},
+	{
+		value: "human_resources",
+		key: "proserviceworld.shared.categories.humanResources",
+		fallback: "Human Resources"
+	},
+	{
+		value: "creative_design",
+		key: "proserviceworld.shared.categories.creativeDesign",
+		fallback: "Creative & Design"
+	},
+	{
+		value: "education_training",
+		key: "proserviceworld.shared.categories.educationTraining",
+		fallback: "Education & Training"
+	}
+];
+function x() {
+	let { t: x } = f(), S = (e, n, r) => t(x, e, n, r), { providers: C } = e(), [w, T] = r(""), [E, D] = r(""), [O, k] = r(""), [A, j] = r(!1), M = n(() => {
+		let e = [...C];
+		if (w) {
+			let t = w.toLowerCase();
+			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.businessName.toLowerCase().includes(t) || e.tagline.toLowerCase().includes(t) || e.specializations.some((e) => e.toLowerCase().includes(t)));
+		}
+		return E && (e = e.filter((e) => e.category === E)), O && (e = e.filter((e) => e.rating >= O)), e.sort((e, t) => t.rating - e.rating), e;
+	}, [
+		C,
+		w,
+		E,
+		O
+	]), N = M.length > 0 ? (M.reduce((e, t) => e + t.rating, 0) / M.length).toFixed(1) : "0", P = new Set(M.map((e) => e.country)).size, F = () => {
+		T(""), D(""), k("");
+	}, I = w ? S("proserviceworld.providers.subtitleWithQuery", "{{count}} providers found for \"{{query}}\"", {
+		count: M.length,
+		query: w
+	}) : S("proserviceworld.providers.subtitle", "{{count}} providers found", { count: M.length });
+	return /* @__PURE__ */ m("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: "flex flex-col md:flex-row md:items-center md:justify-between",
+				children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
+					className: "text-2xl font-semibold",
+					children: S("proserviceworld.providers.title", "Service Providers")
+				}), /* @__PURE__ */ p("p", {
+					className: "text-sm text-muted-foreground",
+					children: I
+				})] }), /* @__PURE__ */ m(g, {
+					variant: "outline",
+					onClick: () => j(!A),
+					children: [/* @__PURE__ */ p(s, { className: "h-4 w-4 mr-2" }), S("proserviceworld.providers.actions.filters", "Filters")]
+				})]
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "flex gap-4",
+				children: /* @__PURE__ */ m("div", {
+					className: "flex-1 relative",
+					children: [/* @__PURE__ */ p(l, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ p(y, {
+						type: "text",
+						placeholder: S("proserviceworld.providers.search.placeholder", "Search providers by name, business, or specialization..."),
+						value: w,
+						onChange: (e) => T(e.target.value),
+						className: "pl-10 h-12"
+					})]
+				})
+			}),
+			A && /* @__PURE__ */ p(_, { children: /* @__PURE__ */ p(v, {
+				className: "p-6",
+				children: /* @__PURE__ */ m("div", {
+					className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+					children: [
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+							className: "block text-sm font-medium mb-2",
+							children: S("proserviceworld.providers.filters.category", "Category")
+						}), /* @__PURE__ */ p("select", {
+							value: E,
+							onChange: (e) => D(e.target.value),
+							className: "w-full p-2 border border-input rounded-md bg-background text-foreground",
+							children: b.map((e) => /* @__PURE__ */ p("option", {
+								value: e.value,
+								children: S(e.key, e.fallback)
+							}, e.value))
+						})] }),
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+							className: "block text-sm font-medium mb-2",
+							children: S("proserviceworld.providers.filters.minimumRating", "Minimum Rating")
+						}), /* @__PURE__ */ m("select", {
+							value: O,
+							onChange: (e) => k(e.target.value ? Number(e.target.value) : ""),
+							className: "w-full p-2 border border-input rounded-md bg-background text-foreground",
+							children: [
+								/* @__PURE__ */ p("option", {
+									value: "",
+									children: S("proserviceworld.providers.filters.anyRating", "Any Rating")
+								}),
+								/* @__PURE__ */ p("option", {
+									value: "4",
+									children: S("proserviceworld.providers.filters.rating4", "4+ Stars")
+								}),
+								/* @__PURE__ */ p("option", {
+									value: "4.5",
+									children: S("proserviceworld.providers.filters.rating45", "4.5+ Stars")
+								}),
+								/* @__PURE__ */ p("option", {
+									value: "4.8",
+									children: S("proserviceworld.providers.filters.rating48", "4.8+ Stars")
+								})
+							]
+						})] }),
+						/* @__PURE__ */ p("div", {
+							className: "flex items-end",
+							children: /* @__PURE__ */ p(g, {
+								variant: "outline",
+								onClick: F,
+								className: "w-full",
+								children: S("proserviceworld.providers.filters.clear", "Clear Filters")
+							})
+						})
+					]
+				})
+			}) }),
+			M.length > 0 ? /* @__PURE__ */ p("div", {
+				className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6",
+				children: M.map((e) => /* @__PURE__ */ p(_, {
+					className: "hover:shadow-md transition-shadow",
+					children: /* @__PURE__ */ m(v, {
+						className: "p-6",
+						children: [
+							/* @__PURE__ */ m("div", {
+								className: "flex items-center space-x-4 mb-4",
+								children: [
+									/* @__PURE__ */ p("div", {
+										className: "h-12 w-12 rounded-full bg-primary/10 flex items-center justify-center",
+										children: /* @__PURE__ */ p("span", {
+											className: "text-primary font-bold",
+											children: e.name.charAt(0)
+										})
+									}),
+									/* @__PURE__ */ m("div", {
+										className: "flex-1 min-w-0",
+										children: [/* @__PURE__ */ p("h3", {
+											className: "font-semibold truncate",
+											children: e.businessName
+										}), /* @__PURE__ */ p("p", {
+											className: "text-sm text-muted-foreground truncate",
+											children: e.name
+										})]
+									}),
+									e.verified && /* @__PURE__ */ p(a, { className: "h-5 w-5 text-blue-600 shrink-0" })
+								]
+							}),
+							/* @__PURE__ */ p("p", {
+								className: "text-sm text-muted-foreground mb-3 line-clamp-2",
+								children: e.tagline
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "flex flex-wrap gap-1 mb-3",
+								children: [e.specializations.slice(0, 2).map((e) => /* @__PURE__ */ p(h, {
+									variant: "secondary",
+									className: "text-xs",
+									children: e
+								}, e)), e.specializations.length > 2 && /* @__PURE__ */ m(h, {
+									variant: "outline",
+									className: "text-xs",
+									children: ["+", e.specializations.length - 2]
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "flex items-center justify-between text-sm mb-3",
+								children: [/* @__PURE__ */ m("div", {
+									className: "flex items-center",
+									children: [
+										/* @__PURE__ */ p(u, { className: "h-4 w-4 text-yellow-400 fill-current mr-1" }),
+										/* @__PURE__ */ p("span", {
+											className: "font-medium",
+											children: e.rating.toFixed(1)
+										}),
+										/* @__PURE__ */ m("span", {
+											className: "text-muted-foreground ml-1",
+											children: [
+												"(",
+												e.totalReviews,
+												")"
+											]
+										})
+									]
+								}), /* @__PURE__ */ m("div", {
+									className: "flex items-center text-muted-foreground",
+									children: [/* @__PURE__ */ p(c, { className: "h-3 w-3 mr-1" }), /* @__PURE__ */ p("span", { children: e.location })]
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "grid grid-cols-2 gap-2 text-xs text-muted-foreground border-t pt-3",
+								children: [/* @__PURE__ */ m("div", {
+									className: "flex items-center",
+									children: [/* @__PURE__ */ p(o, { className: "h-3 w-3 mr-1" }), S("proserviceworld.providers.card.responseTime", "{{count}}h response", { count: e.responseTime })]
+								}), /* @__PURE__ */ m("div", {
+									className: "flex items-center",
+									children: [/* @__PURE__ */ p(i, { className: "h-3 w-3 mr-1" }), S("proserviceworld.providers.card.projects", "{{count}} projects", { count: e.projectsCompleted })]
+								})]
+							}),
+							/* @__PURE__ */ p(g, {
+								variant: "outline",
+								size: "sm",
+								className: "w-full mt-4",
+								children: S("proserviceworld.providers.actions.viewProfile", "View Profile")
+							})
+						]
+					})
+				}, e.id))
+			}) : /* @__PURE__ */ m("div", {
+				className: "text-center py-12",
+				children: [
+					/* @__PURE__ */ p(d, { className: "h-12 w-12 mx-auto text-muted-foreground mb-4" }),
+					/* @__PURE__ */ p("h3", {
+						className: "text-lg font-medium mb-2",
+						children: S("proserviceworld.providers.empty.title", "No providers found")
+					}),
+					/* @__PURE__ */ p("p", {
+						className: "text-muted-foreground",
+						children: S("proserviceworld.shared.empty.adjustFilters", "Try adjusting your search criteria or filters.")
+					})
+				]
+			}),
+			M.length > 0 && /* @__PURE__ */ p(_, {
+				className: "bg-primary/5",
+				children: /* @__PURE__ */ m(v, {
+					className: "p-8",
+					children: [/* @__PURE__ */ p("div", {
+						className: "text-center mb-8",
+						children: /* @__PURE__ */ p("h2", {
+							className: "text-xl font-bold",
+							children: S("proserviceworld.providers.stats.title", "Provider Statistics")
+						})
+					}), /* @__PURE__ */ m("div", {
+						className: "grid grid-cols-1 md:grid-cols-3 gap-8",
+						children: [
+							/* @__PURE__ */ m("div", {
+								className: "text-center",
+								children: [
+									/* @__PURE__ */ p("div", {
+										className: "flex items-center justify-center w-12 h-12 mx-auto bg-primary/10 rounded-lg mb-4",
+										children: /* @__PURE__ */ p(u, { className: "h-6 w-6 text-primary" })
+									}),
+									/* @__PURE__ */ p("div", {
+										className: "text-2xl font-bold",
+										children: N
+									}),
+									/* @__PURE__ */ p("div", {
+										className: "text-sm text-muted-foreground",
+										children: S("proserviceworld.providers.stats.averageRating", "Average Rating")
+									})
+								]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "text-center",
+								children: [
+									/* @__PURE__ */ p("div", {
+										className: "flex items-center justify-center w-12 h-12 mx-auto bg-primary/10 rounded-lg mb-4",
+										children: /* @__PURE__ */ p(d, { className: "h-6 w-6 text-primary" })
+									}),
+									/* @__PURE__ */ p("div", {
+										className: "text-2xl font-bold",
+										children: M.length
+									}),
+									/* @__PURE__ */ p("div", {
+										className: "text-sm text-muted-foreground",
+										children: S("proserviceworld.providers.stats.expertProviders", "Expert Providers")
+									})
+								]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "text-center",
+								children: [
+									/* @__PURE__ */ p("div", {
+										className: "flex items-center justify-center w-12 h-12 mx-auto bg-primary/10 rounded-lg mb-4",
+										children: /* @__PURE__ */ p(c, { className: "h-6 w-6 text-primary" })
+									}),
+									/* @__PURE__ */ p("div", {
+										className: "text-2xl font-bold",
+										children: P
+									}),
+									/* @__PURE__ */ p("div", {
+										className: "text-sm text-muted-foreground",
+										children: S("proserviceworld.providers.stats.countries", "Countries")
+									})
+								]
+							})
+						]
+					})]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { x as ProvidersPage };
+
+//# sourceMappingURL=ProvidersPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProvidersPage.js","names":[],"sources":["../../../src/proserviceworld/pages/ProvidersPage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { Card, CardContent, Button, Badge, Input } from '@burdenoff/fe-libs/ui';\nimport { Search, Filter, Star, Users, MapPin, CheckCircle, Clock, Briefcase } from 'lucide-react';\nimport { useProServiceWorldStore } from '../store/proserviceworldStore';\nimport type { ServiceCategory } from '../types';\nimport { tWithFallback } from '../utils/i18n';\n\nconst categoryOptions: { value: ServiceCategory | ''; key: string; fallback: string }[] = [\n  {\n    value: '',\n    key: 'proserviceworld.shared.filters.allCategories',\n    fallback: 'All Categories',\n  },\n  {\n    value: 'business_consulting',\n    key: 'proserviceworld.shared.categories.businessConsulting',\n    fallback: 'Business Consulting',\n  },\n  {\n    value: 'financial_services',\n    key: 'proserviceworld.shared.categories.financialServices',\n    fallback: 'Financial Services',\n  },\n  {\n    value: 'legal_services',\n    key: 'proserviceworld.shared.categories.legalServices',\n    fallback: 'Legal Services',\n  },\n  {\n    value: 'accounting_bookkeeping',\n    key: 'proserviceworld.shared.categories.accountingBookkeeping',\n    fallback: 'Accounting & Bookkeeping',\n  },\n  {\n    value: 'marketing_advertising',\n    key: 'proserviceworld.shared.categories.marketingAdvertising',\n    fallback: 'Marketing & Advertising',\n  },\n  {\n    value: 'it_technology',\n    key: 'proserviceworld.shared.categories.itTechnology',\n    fallback: 'IT & Technology',\n  },\n  {\n    value: 'human_resources',\n    key: 'proserviceworld.shared.categories.humanResources',\n    fallback: 'Human Resources',\n  },\n  {\n    value: 'creative_design',\n    key: 'proserviceworld.shared.categories.creativeDesign',\n    fallback: 'Creative & Design',\n  },\n  {\n    value: 'education_training',\n    key: 'proserviceworld.shared.categories.educationTraining',\n    fallback: 'Education & Training',\n  },\n];\n\nexport function ProvidersPage() {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string, params?: Record<string, string | number>): string =>\n    tWithFallback(t, key, fallback, params);\n  const { providers } = useProServiceWorldStore();\n  const [searchQuery, setSearchQuery] = useState('');\n  const [selectedCategory, setSelectedCategory] = useState<ServiceCategory | ''>('');\n  const [minRating, setMinRating] = useState<number | ''>('');\n  const [showFilters, setShowFilters] = useState(false);\n\n  const filteredProviders = useMemo(() => {\n    let result = [...providers];\n\n    if (searchQuery) {\n      const q = searchQuery.toLowerCase();\n      result = result.filter(\n        (p) =>\n          p.name.toLowerCase().includes(q) ||\n          p.businessName.toLowerCase().includes(q) ||\n          p.tagline.toLowerCase().includes(q) ||\n          p.specializations.some((s) => s.toLowerCase().includes(q))\n      );\n    }\n\n    if (selectedCategory) {\n      result = result.filter((p) => p.category === selectedCategory);\n    }\n\n    if (minRating) {\n      result = result.filter((p) => p.rating >= minRating);\n    }\n\n    result.sort((a, b) => b.rating - a.rating);\n    return result;\n  }, [providers, searchQuery, selectedCategory, minRating]);\n\n  const avgRating =\n    filteredProviders.length > 0\n      ? (\n          filteredProviders.reduce((sum, p) => sum + p.rating, 0) / filteredProviders.length\n        ).toFixed(1)\n      : '0';\n\n  const countries = new Set(filteredProviders.map((p) => p.country)).size;\n\n  const clearFilters = () => {\n    setSearchQuery('');\n    setSelectedCategory('');\n    setMinRating('');\n  };\n  const subtitle = searchQuery\n    ? tr(\n        'proserviceworld.providers.subtitleWithQuery',\n        '{{count}} providers found for \"{{query}}\"',\n        {\n          count: filteredProviders.length,\n          query: searchQuery,\n        }\n      )\n    : tr('proserviceworld.providers.subtitle', '{{count}} providers found', {\n        count: filteredProviders.length,\n      });\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      {/* Page Header */}\n      <div className=\"flex flex-col md:flex-row md:items-center md:justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            {tr('proserviceworld.providers.title', 'Service Providers')}\n          </h1>\n          <p className=\"text-sm text-muted-foreground\">{subtitle}</p>\n        </div>\n        <Button variant=\"outline\" onClick={() => setShowFilters(!showFilters)}>\n          <Filter className=\"h-4 w-4 mr-2\" />\n          {tr('proserviceworld.providers.actions.filters', 'Filters')}\n        </Button>\n      </div>\n\n      {/* Search Bar */}\n      <div className=\"flex gap-4\">\n        <div className=\"flex-1 relative\">\n          <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-5 w-5 text-muted-foreground\" />\n          <Input\n            type=\"text\"\n            placeholder={tr(\n              'proserviceworld.providers.search.placeholder',\n              'Search providers by name, business, or specialization...'\n            )}\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            className=\"pl-10 h-12\"\n          />\n        </div>\n      </div>\n\n      {/* Filters Panel */}\n      {showFilters && (\n        <Card>\n          <CardContent className=\"p-6\">\n            <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n              <div>\n                <label className=\"block text-sm font-medium mb-2\">\n                  {tr('proserviceworld.providers.filters.category', 'Category')}\n                </label>\n                <select\n                  value={selectedCategory}\n                  onChange={(e) => setSelectedCategory(e.target.value as ServiceCategory | '')}\n                  className=\"w-full p-2 border border-input rounded-md bg-background text-foreground\"\n                >\n                  {categoryOptions.map((opt) => (\n                    <option key={opt.value} value={opt.value}>\n                      {tr(opt.key, opt.fallback)}\n                    </option>\n                  ))}\n                </select>\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium mb-2\">\n                  {tr('proserviceworld.providers.filters.minimumRating', 'Minimum Rating')}\n                </label>\n                <select\n                  value={minRating}\n                  onChange={(e) => setMinRating(e.target.value ? Number(e.target.value) : '')}\n                  className=\"w-full p-2 border border-input rounded-md bg-background text-foreground\"\n                >\n                  <option value=\"\">\n                    {tr('proserviceworld.providers.filters.anyRating', 'Any Rating')}\n                  </option>\n                  <option value=\"4\">\n                    {tr('proserviceworld.providers.filters.rating4', '4+ Stars')}\n                  </option>\n                  <option value=\"4.5\">\n                    {tr('proserviceworld.providers.filters.rating45', '4.5+ Stars')}\n                  </option>\n                  <option value=\"4.8\">\n                    {tr('proserviceworld.providers.filters.rating48', '4.8+ Stars')}\n                  </option>\n                </select>\n              </div>\n              <div className=\"flex items-end\">\n                <Button variant=\"outline\" onClick={clearFilters} className=\"w-full\">\n                  {tr('proserviceworld.providers.filters.clear', 'Clear Filters')}\n                </Button>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      )}\n\n      {/* Provider Grid */}\n      {filteredProviders.length > 0 ? (\n        <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6\">\n          {filteredProviders.map((provider) => (\n            <Card key={provider.id} className=\"hover:shadow-md transition-shadow\">\n              <CardContent className=\"p-6\">\n                <div className=\"flex items-center space-x-4 mb-4\">\n                  <div className=\"h-12 w-12 rounded-full bg-primary/10 flex items-center justify-center\">\n                    <span className=\"text-primary font-bold\">{provider.name.charAt(0)}</span>\n                  </div>\n                  <div className=\"flex-1 min-w-0\">\n                    <h3 className=\"font-semibold truncate\">{provider.businessName}</h3>\n                    <p className=\"text-sm text-muted-foreground truncate\">{provider.name}</p>\n                  </div>\n                  {provider.verified && <CheckCircle className=\"h-5 w-5 text-blue-600 shrink-0\" />}\n                </div>\n\n                <p className=\"text-sm text-muted-foreground mb-3 line-clamp-2\">\n                  {provider.tagline}\n                </p>\n\n                <div className=\"flex flex-wrap gap-1 mb-3\">\n                  {provider.specializations.slice(0, 2).map((spec) => (\n                    <Badge key={spec} variant=\"secondary\" className=\"text-xs\">\n                      {spec}\n                    </Badge>\n                  ))}\n                  {provider.specializations.length > 2 && (\n                    <Badge variant=\"outline\" className=\"text-xs\">\n                      +{provider.specializations.length - 2}\n                    </Badge>\n                  )}\n                </div>\n\n                <div className=\"flex items-center justify-between text-sm mb-3\">\n                  <div className=\"flex items-center\">\n                    <Star className=\"h-4 w-4 text-yellow-400 fill-current mr-1\" />\n                    <span className=\"font-medium\">{provider.rating.toFixed(1)}</span>\n                    <span className=\"text-muted-foreground ml-1\">({provider.totalReviews})</span>\n                  </div>\n                  <div className=\"flex items-center text-muted-foreground\">\n                    <MapPin className=\"h-3 w-3 mr-1\" />\n                    <span>{provider.location}</span>\n                  </div>\n                </div>\n\n                <div className=\"grid grid-cols-2 gap-2 text-xs text-muted-foreground border-t pt-3\">\n                  <div className=\"flex items-center\">\n                    <Clock className=\"h-3 w-3 mr-1\" />\n                    {tr('proserviceworld.providers.card.responseTime', '{{count}}h response', {\n                      count: provider.responseTime,\n                    })}\n                  </div>\n                  <div className=\"flex items-center\">\n                    <Briefcase className=\"h-3 w-3 mr-1\" />\n                    {tr('proserviceworld.providers.card.projects', '{{count}} projects', {\n                      count: provider.projectsCompleted,\n                    })}\n                  </div>\n                </div>\n\n                <Button variant=\"outline\" size=\"sm\" className=\"w-full mt-4\">\n                  {tr('proserviceworld.providers.actions.viewProfile', 'View Profile')}\n                </Button>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      ) : (\n        <div className=\"text-center py-12\">\n          <Users className=\"h-12 w-12 mx-auto text-muted-foreground mb-4\" />\n          <h3 className=\"text-lg font-medium mb-2\">\n            {tr('proserviceworld.providers.empty.title', 'No providers found')}\n          </h3>\n          <p className=\"text-muted-foreground\">\n            {tr(\n              'proserviceworld.shared.empty.adjustFilters',\n              'Try adjusting your search criteria or filters.'\n            )}\n          </p>\n        </div>\n      )}\n\n      {/* Provider Statistics */}\n      {filteredProviders.length > 0 && (\n        <Card className=\"bg-primary/5\">\n          <CardContent className=\"p-8\">\n            <div className=\"text-center mb-8\">\n              <h2 className=\"text-xl font-bold\">\n                {tr('proserviceworld.providers.stats.title', 'Provider Statistics')}\n              </h2>\n            </div>\n            <div className=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n              <div className=\"text-center\">\n                <div className=\"flex items-center justify-center w-12 h-12 mx-auto bg-primary/10 rounded-lg mb-4\">\n                  <Star className=\"h-6 w-6 text-primary\" />\n                </div>\n                <div className=\"text-2xl font-bold\">{avgRating}</div>\n                <div className=\"text-sm text-muted-foreground\">\n                  {tr('proserviceworld.providers.stats.averageRating', 'Average Rating')}\n                </div>\n              </div>\n              <div className=\"text-center\">\n                <div className=\"flex items-center justify-center w-12 h-12 mx-auto bg-primary/10 rounded-lg mb-4\">\n                  <Users className=\"h-6 w-6 text-primary\" />\n                </div>\n                <div className=\"text-2xl font-bold\">{filteredProviders.length}</div>\n                <div className=\"text-sm text-muted-foreground\">\n                  {tr('proserviceworld.providers.stats.expertProviders', 'Expert Providers')}\n                </div>\n              </div>\n              <div className=\"text-center\">\n                <div className=\"flex items-center justify-center w-12 h-12 mx-auto bg-primary/10 rounded-lg mb-4\">\n                  <MapPin className=\"h-6 w-6 text-primary\" />\n                </div>\n                <div className=\"text-2xl font-bold\">{countries}</div>\n                <div className=\"text-sm text-muted-foreground\">\n                  {tr('proserviceworld.providers.stats.countries', 'Countries')}\n                </div>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/proserviceworld/pages/ReviewsPage.d.ts

@@ -0,0 +1,2 @@
+export declare function ReviewsPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ReviewsPage.d.ts.map

package/dist/proserviceworld/pages/ReviewsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewsPage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/pages/ReviewsPage.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,WAAW,4CA2U1B"}