@burdenoff/microfe-proserviceworld 2026.509.101

package/dist/proserviceworld/pages/ServicesPage.js

@@ -0,0 +1,337 @@
+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 { Clock as i, Filter as a, Grid as o, List as s, Search as c, Star as l, Tag as u } from "lucide-react";
+import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Fragment as f, 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/ServicesPage.tsx
+var b = {
+	accounting_bookkeeping: {
+		key: "proserviceworld.shared.categories.accountingBookkeeping",
+		fallback: "Accounting & Bookkeeping"
+	},
+	business_consulting: {
+		key: "proserviceworld.shared.categories.businessConsulting",
+		fallback: "Business Consulting"
+	},
+	creative_design: {
+		key: "proserviceworld.shared.categories.creativeDesign",
+		fallback: "Creative & Design"
+	},
+	education_training: {
+		key: "proserviceworld.shared.categories.educationTraining",
+		fallback: "Education & Training"
+	},
+	financial_services: {
+		key: "proserviceworld.shared.categories.financialServices",
+		fallback: "Financial Services"
+	},
+	healthcare: {
+		key: "proserviceworld.shared.categories.healthcare",
+		fallback: "Healthcare"
+	},
+	human_resources: {
+		key: "proserviceworld.shared.categories.humanResources",
+		fallback: "Human Resources"
+	},
+	insurance: {
+		key: "proserviceworld.shared.categories.insurance",
+		fallback: "Insurance"
+	},
+	it_technology: {
+		key: "proserviceworld.shared.categories.itTechnology",
+		fallback: "IT & Technology"
+	},
+	legal_services: {
+		key: "proserviceworld.shared.categories.legalServices",
+		fallback: "Legal Services"
+	},
+	marketing_advertising: {
+		key: "proserviceworld.shared.categories.marketingAdvertising",
+		fallback: "Marketing & Advertising"
+	},
+	real_estate: {
+		key: "proserviceworld.shared.categories.realEstate",
+		fallback: "Real Estate"
+	}
+};
+function x() {
+	let { t: x } = d(), C = (e, n, r) => t(x, e, n, r), { services: w } = e(), [T, E] = r(""), [D, O] = r(""), [k, A] = r("grid"), [j, M] = r(1), N = n(() => {
+		let e = [...w];
+		if (T) {
+			let t = T.toLowerCase();
+			e = e.filter((e) => e.title.toLowerCase().includes(t) || e.description.toLowerCase().includes(t) || e.tags.some((e) => e.toLowerCase().includes(t)));
+		}
+		return D && (e = e.filter((e) => e.category === D)), e;
+	}, [
+		w,
+		T,
+		D
+	]), P = Math.ceil(N.length / 12), F = N.slice((j - 1) * 12, j * 12), I = T ? C("proserviceworld.services.subtitleWithQuery", "{{count}} services found for \"{{query}}\"", {
+		count: N.length,
+		query: T
+	}) : C("proserviceworld.services.subtitle", "{{count}} services found", { count: N.length }), L = (e) => {
+		let t = b[e];
+		return C(t.key, t.fallback);
+	};
+	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: C("proserviceworld.services.title", "Services")
+				}), /* @__PURE__ */ p("p", {
+					className: "text-sm text-muted-foreground",
+					children: I
+				})] }), /* @__PURE__ */ m("div", {
+					className: "flex items-center gap-2 mt-4 md:mt-0",
+					children: [/* @__PURE__ */ p(g, {
+						variant: k === "grid" ? "default" : "outline",
+						size: "sm",
+						onClick: () => A("grid"),
+						children: /* @__PURE__ */ p(o, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ p(g, {
+						variant: k === "list" ? "default" : "outline",
+						size: "sm",
+						onClick: () => A("list"),
+						children: /* @__PURE__ */ p(s, { className: "h-4 w-4" })
+					})]
+				})]
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "flex flex-col sm:flex-row gap-4",
+				children: [/* @__PURE__ */ m("div", {
+					className: "flex-1 relative",
+					children: [/* @__PURE__ */ p(c, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ p(y, {
+						placeholder: C("proserviceworld.services.search.placeholder", "Search services..."),
+						value: T,
+						onChange: (e) => {
+							E(e.target.value), M(1);
+						},
+						className: "pl-10"
+					})]
+				}), /* @__PURE__ */ m("select", {
+					value: D,
+					onChange: (e) => {
+						O(e.target.value), M(1);
+					},
+					className: "px-4 py-2 border border-input rounded-md bg-background text-foreground",
+					children: [
+						/* @__PURE__ */ p("option", {
+							value: "",
+							children: C("proserviceworld.shared.filters.allCategories", "All Categories")
+						}),
+						/* @__PURE__ */ p("option", {
+							value: "financial_services",
+							children: L("financial_services")
+						}),
+						/* @__PURE__ */ p("option", {
+							value: "legal_services",
+							children: L("legal_services")
+						}),
+						/* @__PURE__ */ p("option", {
+							value: "marketing_advertising",
+							children: L("marketing_advertising")
+						}),
+						/* @__PURE__ */ p("option", {
+							value: "it_technology",
+							children: L("it_technology")
+						}),
+						/* @__PURE__ */ p("option", {
+							value: "human_resources",
+							children: L("human_resources")
+						}),
+						/* @__PURE__ */ p("option", {
+							value: "accounting_bookkeeping",
+							children: L("accounting_bookkeeping")
+						}),
+						/* @__PURE__ */ p("option", {
+							value: "creative_design",
+							children: L("creative_design")
+						}),
+						/* @__PURE__ */ p("option", {
+							value: "education_training",
+							children: L("education_training")
+						})
+					]
+				})]
+			}),
+			F.length > 0 ? /* @__PURE__ */ p("div", {
+				className: k === "grid" ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" : "space-y-4",
+				children: F.map((e) => /* @__PURE__ */ p(_, {
+					className: "hover:shadow-md transition-shadow",
+					children: /* @__PURE__ */ p(v, {
+						className: k === "grid" ? "p-6" : "p-4 flex items-center gap-6",
+						children: k === "grid" ? /* @__PURE__ */ m(f, { children: [
+							/* @__PURE__ */ m("div", {
+								className: "flex items-center justify-between mb-3",
+								children: [/* @__PURE__ */ p(h, {
+									variant: "outline",
+									className: "text-xs capitalize",
+									children: L(e.category)
+								}), e.featured && /* @__PURE__ */ p(h, { children: C("proserviceworld.services.badges.featured", "Featured") })]
+							}),
+							/* @__PURE__ */ p("h3", {
+								className: "font-semibold mb-2",
+								children: e.title
+							}),
+							/* @__PURE__ */ p("p", {
+								className: "text-sm text-muted-foreground mb-3 line-clamp-2",
+								children: e.description
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "flex items-center gap-2 mb-3 text-sm",
+								children: [
+									/* @__PURE__ */ p("div", {
+										className: "h-6 w-6 rounded-full bg-muted flex items-center justify-center text-xs",
+										children: e.providerName.charAt(0)
+									}),
+									/* @__PURE__ */ p("span", {
+										className: "text-muted-foreground",
+										children: e.providerName
+									}),
+									e.providerVerified && /* @__PURE__ */ p(S, {})
+								]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "flex items-center justify-between text-sm",
+								children: [/* @__PURE__ */ m("div", {
+									className: "flex items-center",
+									children: [
+										/* @__PURE__ */ p(l, { className: "h-4 w-4 text-yellow-400 fill-current mr-1" }),
+										e.providerRating.toFixed(1),
+										/* @__PURE__ */ m("span", {
+											className: "text-muted-foreground ml-1",
+											children: [
+												"(",
+												e.providerReviews,
+												")"
+											]
+										})
+									]
+								}), /* @__PURE__ */ p("span", {
+									className: "font-medium",
+									children: C("proserviceworld.services.card.pricing.from", "From ${{amount}}", { amount: e.pricing.basePrice.toLocaleString() })
+								})]
+							}),
+							/* @__PURE__ */ p("div", {
+								className: "flex flex-wrap gap-1 mt-3",
+								children: e.tags.slice(0, 3).map((e) => /* @__PURE__ */ p("span", {
+									className: "inline-block px-2 py-0.5 bg-muted text-xs rounded",
+									children: e
+								}, e))
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "flex items-center gap-4 mt-3 pt-3 border-t text-xs text-muted-foreground",
+								children: [/* @__PURE__ */ m("span", {
+									className: "flex items-center",
+									children: [/* @__PURE__ */ p(i, { className: "h-3 w-3 mr-1" }), C("proserviceworld.services.card.meta.days", "{{count}} days", { count: e.duration.typical })]
+								}), /* @__PURE__ */ m("span", {
+									className: "flex items-center",
+									children: [/* @__PURE__ */ p(u, { className: "h-3 w-3 mr-1" }), C("proserviceworld.services.card.meta.bookings", "{{count}} bookings", { count: e.totalBookings })]
+								})]
+							})
+						] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
+							className: "flex-1 min-w-0",
+							children: [
+								/* @__PURE__ */ m("div", {
+									className: "flex items-center gap-2 mb-1",
+									children: [/* @__PURE__ */ p("h3", {
+										className: "font-semibold",
+										children: e.title
+									}), e.featured && /* @__PURE__ */ p(h, {
+										className: "text-xs",
+										children: C("proserviceworld.services.badges.featured", "Featured")
+									})]
+								}),
+								/* @__PURE__ */ p("p", {
+									className: "text-sm text-muted-foreground mb-2 line-clamp-1",
+									children: e.description
+								}),
+								/* @__PURE__ */ m("div", {
+									className: "flex items-center gap-3 text-sm text-muted-foreground",
+									children: [
+										/* @__PURE__ */ p("span", { children: e.providerName }),
+										/* @__PURE__ */ m("span", {
+											className: "flex items-center",
+											children: [/* @__PURE__ */ p(l, { className: "h-3 w-3 text-yellow-400 fill-current mr-0.5" }), e.providerRating.toFixed(1)]
+										}),
+										/* @__PURE__ */ p("span", {
+											className: "capitalize",
+											children: L(e.category)
+										})
+									]
+								})
+							]
+						}), /* @__PURE__ */ m("div", {
+							className: "text-right shrink-0",
+							children: [/* @__PURE__ */ p("div", {
+								className: "font-medium",
+								children: C("proserviceworld.services.card.pricing.from", "From ${{amount}}", { amount: e.pricing.basePrice.toLocaleString() })
+							}), /* @__PURE__ */ p("div", {
+								className: "text-sm text-muted-foreground",
+								children: C("proserviceworld.services.card.meta.days", "{{count}} days", { count: e.duration.typical })
+							})]
+						})] })
+					})
+				}, e.id))
+			}) : /* @__PURE__ */ m("div", {
+				className: "text-center py-12",
+				children: [
+					/* @__PURE__ */ p(a, { className: "h-12 w-12 mx-auto text-muted-foreground mb-4" }),
+					/* @__PURE__ */ p("h3", {
+						className: "text-lg font-medium mb-2",
+						children: C("proserviceworld.services.empty.title", "No services found")
+					}),
+					/* @__PURE__ */ p("p", {
+						className: "text-muted-foreground",
+						children: C("proserviceworld.shared.empty.adjustFilters", "Try adjusting your search criteria or filters.")
+					})
+				]
+			}),
+			P > 1 && /* @__PURE__ */ m("div", {
+				className: "flex justify-center gap-2",
+				children: [
+					/* @__PURE__ */ p(g, {
+						variant: "outline",
+						disabled: j === 1,
+						onClick: () => M((e) => e - 1),
+						children: C("proserviceworld.shared.pagination.previous", "Previous")
+					}),
+					/* @__PURE__ */ p("span", {
+						className: "flex items-center px-4 text-sm",
+						children: C("proserviceworld.shared.pagination.pageInfo", "Page {{page}} of {{total}}", {
+							page: j,
+							total: P
+						})
+					}),
+					/* @__PURE__ */ p(g, {
+						variant: "outline",
+						disabled: j >= P,
+						onClick: () => M((e) => e + 1),
+						children: C("proserviceworld.shared.pagination.next", "Next")
+					})
+				]
+			})
+		]
+	});
+}
+function S() {
+	return /* @__PURE__ */ p("svg", {
+		className: "h-4 w-4 text-blue-600",
+		viewBox: "0 0 20 20",
+		fill: "currentColor",
+		children: /* @__PURE__ */ p("path", {
+			fillRule: "evenodd",
+			d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+			clipRule: "evenodd"
+		})
+	});
+}
+//#endregion
+export { x as ServicesPage };
+
+//# sourceMappingURL=ServicesPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ServicesPage.js","names":[],"sources":["../../../src/proserviceworld/pages/ServicesPage.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, Grid, List, Star, Clock, Tag } from 'lucide-react';\nimport { useProServiceWorldStore } from '../store/proserviceworldStore';\nimport type { ServiceCategory } from '../types';\nimport { tWithFallback } from '../utils/i18n';\n\nconst serviceCategoryLabels: Record<ServiceCategory, { key: string; fallback: string }> = {\n  accounting_bookkeeping: {\n    key: 'proserviceworld.shared.categories.accountingBookkeeping',\n    fallback: 'Accounting & Bookkeeping',\n  },\n  business_consulting: {\n    key: 'proserviceworld.shared.categories.businessConsulting',\n    fallback: 'Business Consulting',\n  },\n  creative_design: {\n    key: 'proserviceworld.shared.categories.creativeDesign',\n    fallback: 'Creative & Design',\n  },\n  education_training: {\n    key: 'proserviceworld.shared.categories.educationTraining',\n    fallback: 'Education & Training',\n  },\n  financial_services: {\n    key: 'proserviceworld.shared.categories.financialServices',\n    fallback: 'Financial Services',\n  },\n  healthcare: { key: 'proserviceworld.shared.categories.healthcare', fallback: 'Healthcare' },\n  human_resources: {\n    key: 'proserviceworld.shared.categories.humanResources',\n    fallback: 'Human Resources',\n  },\n  insurance: { key: 'proserviceworld.shared.categories.insurance', fallback: 'Insurance' },\n  it_technology: {\n    key: 'proserviceworld.shared.categories.itTechnology',\n    fallback: 'IT & Technology',\n  },\n  legal_services: {\n    key: 'proserviceworld.shared.categories.legalServices',\n    fallback: 'Legal Services',\n  },\n  marketing_advertising: {\n    key: 'proserviceworld.shared.categories.marketingAdvertising',\n    fallback: 'Marketing & Advertising',\n  },\n  real_estate: { key: 'proserviceworld.shared.categories.realEstate', fallback: 'Real Estate' },\n};\n\nexport function ServicesPage() {\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 { services } = useProServiceWorldStore();\n  const [searchQuery, setSearchQuery] = useState('');\n  const [selectedCategory, setSelectedCategory] = useState<ServiceCategory | ''>('');\n  const [viewMode, setViewMode] = useState<'grid' | 'list'>('grid');\n  const [currentPage, setCurrentPage] = useState(1);\n  const perPage = 12;\n\n  const filtered = useMemo(() => {\n    let result = [...services];\n    if (searchQuery) {\n      const q = searchQuery.toLowerCase();\n      result = result.filter(\n        (s) =>\n          s.title.toLowerCase().includes(q) ||\n          s.description.toLowerCase().includes(q) ||\n          s.tags.some((t) => t.toLowerCase().includes(q))\n      );\n    }\n    if (selectedCategory) result = result.filter((s) => s.category === selectedCategory);\n    return result;\n  }, [services, searchQuery, selectedCategory]);\n\n  const totalPages = Math.ceil(filtered.length / perPage);\n  const paged = filtered.slice((currentPage - 1) * perPage, currentPage * perPage);\n  const subtitle = searchQuery\n    ? tr('proserviceworld.services.subtitleWithQuery', '{{count}} services found for \"{{query}}\"', {\n        count: filtered.length,\n        query: searchQuery,\n      })\n    : tr('proserviceworld.services.subtitle', '{{count}} services found', {\n        count: filtered.length,\n      });\n  const categoryLabel = (category: ServiceCategory): string => {\n    const entry = serviceCategoryLabels[category];\n    return tr(entry.key, entry.fallback);\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\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.services.title', 'Services')}\n          </h1>\n          <p className=\"text-sm text-muted-foreground\">{subtitle}</p>\n        </div>\n        <div className=\"flex items-center gap-2 mt-4 md:mt-0\">\n          <Button\n            variant={viewMode === 'grid' ? 'default' : 'outline'}\n            size=\"sm\"\n            onClick={() => setViewMode('grid')}\n          >\n            <Grid className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant={viewMode === 'list' ? 'default' : 'outline'}\n            size=\"sm\"\n            onClick={() => setViewMode('list')}\n          >\n            <List className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"flex flex-col sm:flex-row gap-4\">\n        <div className=\"flex-1 relative\">\n          <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground\" />\n          <Input\n            placeholder={tr('proserviceworld.services.search.placeholder', 'Search services...')}\n            value={searchQuery}\n            onChange={(e) => {\n              setSearchQuery(e.target.value);\n              setCurrentPage(1);\n            }}\n            className=\"pl-10\"\n          />\n        </div>\n        <select\n          value={selectedCategory}\n          onChange={(e) => {\n            setSelectedCategory(e.target.value as ServiceCategory | '');\n            setCurrentPage(1);\n          }}\n          className=\"px-4 py-2 border border-input rounded-md bg-background text-foreground\"\n        >\n          <option value=\"\">\n            {tr('proserviceworld.shared.filters.allCategories', 'All Categories')}\n          </option>\n          <option value=\"financial_services\">{categoryLabel('financial_services')}</option>\n          <option value=\"legal_services\">{categoryLabel('legal_services')}</option>\n          <option value=\"marketing_advertising\">{categoryLabel('marketing_advertising')}</option>\n          <option value=\"it_technology\">{categoryLabel('it_technology')}</option>\n          <option value=\"human_resources\">{categoryLabel('human_resources')}</option>\n          <option value=\"accounting_bookkeeping\">{categoryLabel('accounting_bookkeeping')}</option>\n          <option value=\"creative_design\">{categoryLabel('creative_design')}</option>\n          <option value=\"education_training\">{categoryLabel('education_training')}</option>\n        </select>\n      </div>\n\n      {paged.length > 0 ? (\n        <div\n          className={\n            viewMode === 'grid'\n              ? 'grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6'\n              : 'space-y-4'\n          }\n        >\n          {paged.map((service) => (\n            <Card key={service.id} className=\"hover:shadow-md transition-shadow\">\n              <CardContent className={viewMode === 'grid' ? 'p-6' : 'p-4 flex items-center gap-6'}>\n                {viewMode === 'grid' ? (\n                  <>\n                    <div className=\"flex items-center justify-between mb-3\">\n                      <Badge variant=\"outline\" className=\"text-xs capitalize\">\n                        {categoryLabel(service.category)}\n                      </Badge>\n                      {service.featured && (\n                        <Badge>{tr('proserviceworld.services.badges.featured', 'Featured')}</Badge>\n                      )}\n                    </div>\n                    <h3 className=\"font-semibold mb-2\">{service.title}</h3>\n                    <p className=\"text-sm text-muted-foreground mb-3 line-clamp-2\">\n                      {service.description}\n                    </p>\n                    <div className=\"flex items-center gap-2 mb-3 text-sm\">\n                      <div className=\"h-6 w-6 rounded-full bg-muted flex items-center justify-center text-xs\">\n                        {service.providerName.charAt(0)}\n                      </div>\n                      <span className=\"text-muted-foreground\">{service.providerName}</span>\n                      {service.providerVerified && <CheckMark />}\n                    </div>\n                    <div className=\"flex items-center justify-between text-sm\">\n                      <div className=\"flex items-center\">\n                        <Star className=\"h-4 w-4 text-yellow-400 fill-current mr-1\" />\n                        {service.providerRating.toFixed(1)}\n                        <span className=\"text-muted-foreground ml-1\">\n                          ({service.providerReviews})\n                        </span>\n                      </div>\n                      <span className=\"font-medium\">\n                        {tr('proserviceworld.services.card.pricing.from', 'From ${{amount}}', {\n                          amount: service.pricing.basePrice.toLocaleString(),\n                        })}\n                      </span>\n                    </div>\n                    <div className=\"flex flex-wrap gap-1 mt-3\">\n                      {service.tags.slice(0, 3).map((t) => (\n                        <span key={t} className=\"inline-block px-2 py-0.5 bg-muted text-xs rounded\">\n                          {t}\n                        </span>\n                      ))}\n                    </div>\n                    <div className=\"flex items-center gap-4 mt-3 pt-3 border-t text-xs text-muted-foreground\">\n                      <span className=\"flex items-center\">\n                        <Clock className=\"h-3 w-3 mr-1\" />\n                        {tr('proserviceworld.services.card.meta.days', '{{count}} days', {\n                          count: service.duration.typical,\n                        })}\n                      </span>\n                      <span className=\"flex items-center\">\n                        <Tag className=\"h-3 w-3 mr-1\" />\n                        {tr('proserviceworld.services.card.meta.bookings', '{{count}} bookings', {\n                          count: service.totalBookings,\n                        })}\n                      </span>\n                    </div>\n                  </>\n                ) : (\n                  <>\n                    <div className=\"flex-1 min-w-0\">\n                      <div className=\"flex items-center gap-2 mb-1\">\n                        <h3 className=\"font-semibold\">{service.title}</h3>\n                        {service.featured && (\n                          <Badge className=\"text-xs\">\n                            {tr('proserviceworld.services.badges.featured', 'Featured')}\n                          </Badge>\n                        )}\n                      </div>\n                      <p className=\"text-sm text-muted-foreground mb-2 line-clamp-1\">\n                        {service.description}\n                      </p>\n                      <div className=\"flex items-center gap-3 text-sm text-muted-foreground\">\n                        <span>{service.providerName}</span>\n                        <span className=\"flex items-center\">\n                          <Star className=\"h-3 w-3 text-yellow-400 fill-current mr-0.5\" />\n                          {service.providerRating.toFixed(1)}\n                        </span>\n                        <span className=\"capitalize\">{categoryLabel(service.category)}</span>\n                      </div>\n                    </div>\n                    <div className=\"text-right shrink-0\">\n                      <div className=\"font-medium\">\n                        {tr('proserviceworld.services.card.pricing.from', 'From ${{amount}}', {\n                          amount: service.pricing.basePrice.toLocaleString(),\n                        })}\n                      </div>\n                      <div className=\"text-sm text-muted-foreground\">\n                        {tr('proserviceworld.services.card.meta.days', '{{count}} days', {\n                          count: service.duration.typical,\n                        })}\n                      </div>\n                    </div>\n                  </>\n                )}\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      ) : (\n        <div className=\"text-center py-12\">\n          <Filter className=\"h-12 w-12 mx-auto text-muted-foreground mb-4\" />\n          <h3 className=\"text-lg font-medium mb-2\">\n            {tr('proserviceworld.services.empty.title', 'No services 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      {totalPages > 1 && (\n        <div className=\"flex justify-center gap-2\">\n          <Button\n            variant=\"outline\"\n            disabled={currentPage === 1}\n            onClick={() => setCurrentPage((p) => p - 1)}\n          >\n            {tr('proserviceworld.shared.pagination.previous', 'Previous')}\n          </Button>\n          <span className=\"flex items-center px-4 text-sm\">\n            {tr('proserviceworld.shared.pagination.pageInfo', 'Page {{page}} of {{total}}', {\n              page: currentPage,\n              total: totalPages,\n            })}\n          </span>\n          <Button\n            variant=\"outline\"\n            disabled={currentPage >= totalPages}\n            onClick={() => setCurrentPage((p) => p + 1)}\n          >\n            {tr('proserviceworld.shared.pagination.next', 'Next')}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction CheckMark() {\n  return (\n    <svg className=\"h-4 w-4 text-blue-600\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n      <path\n        fillRule=\"evenodd\"\n        d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"VerificationPage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/pages/VerificationPage.tsx"],"names":[],"mappings":"AA8DA,wBAAgB,gBAAgB,4CA4R/B"}