@burdenoff/microfe-ggnomad 2026.825.1 → 2026.828.1

package/dist/ggnomad/pages/PropertyDetailsPage.js

@@ -1,149 +1,233 @@
 import { GGNOMAD_PROPERTY_QUERY as e } from "../graphql.js";
-import { PageShell as t } from "./PageShell.js";
-import { SectionCard as n } from "../components/SectionCard.js";
-import { DetailRow as r } from "../components/DetailRow.js";
-import { DetailHero as i } from "../components/DetailHero.js";
-import { useGGNomad as a } from "../providers/GGNomadProvider.js";
-import { joinPath as o } from "../utils/navigation.js";
-import { BookingPanel as s } from "../components/BookingPanel.js";
-import { ReviewsSection as c } from "../components/ReviewsSection.js";
-import { ListingEditDialog as l } from "../components/ListingEditDialog.js";
+import { jsonFacts as t } from "../utils/format.js";
+import { PageShell as n } from "./PageShell.js";
+import { StatusBadge as r } from "../components/StatusBadge.js";
+import { SectionCard as i } from "../components/SectionCard.js";
+import { DetailRow as a } from "../components/DetailRow.js";
+import { DetailHero as o } from "../components/DetailHero.js";
+import { useGGNomad as s } from "../providers/GGNomadProvider.js";
+import { joinPath as c } from "../utils/navigation.js";
+import { BookingPanel as l } from "../components/BookingPanel.js";
+import { ReviewsSection as u } from "../components/ReviewsSection.js";
+import { ListingEditDialog as d } from "../components/ListingEditDialog.js";
+import { PhotoGallery as f } from "../components/PhotoGallery.js";
+import { TagChips as p } from "../components/TagChips.js";
+import { FactGrid as m } from "../components/FactGrid.js";
+import { RatingSummary as h } from "../components/RatingSummary.js";
+import { EcoAccessPanel as g } from "../components/EcoAccessPanel.js";
+import { ProviderCard as _ } from "../components/ProviderCard.js";
+import { AvailabilityPanel as v } from "../components/AvailabilityPanel.js";
 import "../components/index.js";
-import { useState as u } from "react";
-import { Hotel as d, Pencil as f } from "lucide-react";
-import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useNavigate as m, useParams as h } from "react-router";
-import { useQuery as g } from "@apollo/client/react";
-import { GlassCard as _, IllustratedEmptyState as v, NextSteps as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { useState as y } from "react";
+import { Bath as b, BedDouble as x, Hotel as S, LogIn as C, LogOut as w, Pencil as T, Users as E, Zap as D } from "lucide-react";
+import { useI18n as O } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useNavigate as k, useParams as A } from "react-router";
+import { useQuery as j } from "@apollo/client/react";
+import { GlassCard as M, IllustratedEmptyState as N, NextSteps as P, PagePurpose as F } from "@burdenoff/fe-libs/ui";
+import { Fragment as I, jsx as L, jsxs as R } from "react/jsx-runtime";
 //#region src/ggnomad/pages/PropertyDetailsPage.tsx
-function w() {
-	let { t: w } = p(), T = m(), { basePath: E = "/" } = a(), { id: D = "" } = h(), [O, k] = u(!1), { data: A, refetch: j } = g(e, {
-		variables: { id: D },
-		skip: !D
-	}), M = A?.ggnomadProperty;
-	return /* @__PURE__ */ S(t, {
-		title: M?.name ?? w("ggnomad.property.fallbackTitle", "Property details"),
-		subtitle: w("ggnomad.property.subtitle", "Detailed hospitality listing view"),
-		children: M ? /* @__PURE__ */ C(x, { children: [
-			/* @__PURE__ */ S(i, {
-				image: M.images?.[0],
-				alt: M.name
+function z() {
+	let { t: z } = O(), B = k(), { basePath: V = "/" } = s(), { id: H = "" } = A(), [U, W] = y(!1), { data: G, refetch: K } = j(e, {
+		variables: { id: H },
+		skip: !H
+	}), q = G?.ggnomadProperty, J = [];
+	q && (J.push({
+		id: "guests",
+		label: z("ggnomad.property.guests", "Guests"),
+		value: String(q.maxGuests),
+		icon: /* @__PURE__ */ L(E, {})
+	}), q.bedrooms !== null && q.bedrooms !== void 0 && J.push({
+		id: "bedrooms",
+		label: z("ggnomad.property.bedrooms", "Bedrooms"),
+		value: String(q.bedrooms),
+		icon: /* @__PURE__ */ L(x, {})
+	}), q.bathrooms !== null && q.bathrooms !== void 0 && J.push({
+		id: "bathrooms",
+		label: z("ggnomad.property.bathrooms", "Bathrooms"),
+		value: String(q.bathrooms),
+		icon: /* @__PURE__ */ L(b, {})
+	}), q.checkInTime && J.push({
+		id: "check-in",
+		label: z("ggnomad.property.checkInTime", "Check-in"),
+		value: q.checkInTime,
+		icon: /* @__PURE__ */ L(C, {})
+	}), q.checkOutTime && J.push({
+		id: "check-out",
+		label: z("ggnomad.property.checkOutTime", "Check-out"),
+		value: q.checkOutTime,
+		icon: /* @__PURE__ */ L(w, {})
+	}));
+	let Y = t(q?.address);
+	return /* @__PURE__ */ L(n, {
+		title: q?.name ?? z("ggnomad.property.fallbackTitle", "Property details"),
+		subtitle: z("ggnomad.property.subtitle", "Detailed hospitality listing view"),
+		children: q ? /* @__PURE__ */ R(I, { children: [
+			q.images.length > 0 ? /* @__PURE__ */ L(f, {
+				images: q.images,
+				alt: q.name
+			}) : /* @__PURE__ */ L(o, { alt: q.name }),
+			/* @__PURE__ */ R("div", {
+				className: "flex flex-wrap items-center gap-3",
+				children: [
+					/* @__PURE__ */ L("span", {
+						className: "rounded-full border border-border-seam bg-bg-sunken px-3 py-1 text-sm text-text-primary",
+						children: q.type
+					}),
+					q.status ? /* @__PURE__ */ L(r, { status: q.status }) : null,
+					/* @__PURE__ */ L(h, {
+						rating: q.rating,
+						reviewCount: q.reviewCount
+					}),
+					q.instantBook ? /* @__PURE__ */ R("span", {
+						className: "inline-flex items-center gap-1.5 rounded-full bg-status-success-bg-subtle px-3 py-1 text-sm font-medium text-status-success-text",
+						children: [/* @__PURE__ */ L(D, {
+							className: "size-3.5",
+							"aria-hidden": "true"
+						}), z("ggnomad.listing.instantBook", "Instant book")]
+					}) : null
+				]
 			}),
-			/* @__PURE__ */ S(b, {
-				icon: /* @__PURE__ */ S(d, { className: "size-4" }),
-				children: w("ggnomad.property.purpose", "Everything you need to decide on this stay — its type, description, nightly price, guest capacity, rating and the provider behind it — before you reserve it.")
+			/* @__PURE__ */ L(F, {
+				icon: /* @__PURE__ */ L(S, { className: "size-4" }),
+				children: z("ggnomad.property.purpose", "Everything you need to decide on this stay — its type, description, nightly price, guest capacity, rating and the provider behind it — before you reserve it.")
 			}),
-			/* @__PURE__ */ S(y, {
+			/* @__PURE__ */ L(m, { facts: J }),
+			/* @__PURE__ */ L(P, {
 				storageKey: "ggnomad-property-detail",
 				steps: [{
 					id: "browse",
-					label: w("ggnomad.property.next.browse", "Compare other stays"),
-					description: w("ggnomad.property.next.browseDesc", "Go back to hospitality listings to compare options."),
-					icon: /* @__PURE__ */ S(d, { className: "size-4" }),
-					onClick: () => T(o(E, "hospitality"))
+					label: z("ggnomad.property.next.browse", "Compare other stays"),
+					description: z("ggnomad.property.next.browseDesc", "Go back to hospitality listings to compare options."),
+					icon: /* @__PURE__ */ L(S, { className: "size-4" }),
+					onClick: () => B(c(V, "hospitality"))
 				}]
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ R("div", {
 				className: "grid gap-4 lg:grid-cols-3",
-				children: [/* @__PURE__ */ C("div", {
+				children: [/* @__PURE__ */ R("div", {
 					className: "lg:col-span-2 space-y-4",
 					children: [
-						/* @__PURE__ */ C(n, {
-							title: w("ggnomad.property.about", "About"),
+						/* @__PURE__ */ R(i, {
+							title: z("ggnomad.property.about", "About"),
 							children: [
-								/* @__PURE__ */ S("p", {
+								/* @__PURE__ */ L("p", {
 									className: "text-sm text-text-secondary",
-									children: w("ggnomad.property.type", "Type")
+									children: z("ggnomad.property.type", "Type")
 								}),
-								/* @__PURE__ */ S("p", {
+								/* @__PURE__ */ L("p", {
 									className: "text-text-primary",
-									children: M.type
+									children: q.type
 								}),
-								/* @__PURE__ */ S("p", {
+								/* @__PURE__ */ L("p", {
 									className: "mt-3 text-sm text-text-secondary",
-									children: w("ggnomad.property.description", "Description")
+									children: z("ggnomad.property.description", "Description")
 								}),
-								/* @__PURE__ */ S("p", {
+								/* @__PURE__ */ L("p", {
 									className: "text-text-primary",
-									children: M.description ?? w("ggnomad.property.noDescription", "No description")
-								})
+									children: q.description ?? z("ggnomad.property.noDescription", "No description")
+								}),
+								Y.length > 0 ? /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L("p", {
+									className: "mt-3 text-sm text-text-secondary",
+									children: z("ggnomad.property.address", "Address")
+								}), /* @__PURE__ */ L("dl", {
+									className: "mt-1 space-y-1 text-sm",
+									children: Y.map((e) => /* @__PURE__ */ L(a, {
+										label: e.label,
+										value: e.value
+									}, e.key))
+								})] }) : null
 							]
 						}),
-						/* @__PURE__ */ C(_, {
+						q.amenities.length > 0 ? /* @__PURE__ */ L(i, {
+							title: z("ggnomad.property.amenities", "Amenities"),
+							children: /* @__PURE__ */ L(p, { items: q.amenities })
+						}) : null,
+						/* @__PURE__ */ R(M, {
 							treatment: "glass",
 							glow: !0,
 							className: "border-border-seam p-5",
-							children: [/* @__PURE__ */ C("div", {
+							children: [/* @__PURE__ */ R("div", {
 								className: "mb-4 flex items-center justify-between gap-3",
-								children: [/* @__PURE__ */ S("h2", {
+								children: [/* @__PURE__ */ L("h2", {
 									className: "text-lg font-medium tracking-tight text-text-primary",
-									children: w("ggnomad.property.details", "Details")
-								}), /* @__PURE__ */ S("button", {
-									onClick: () => k(!0),
+									children: z("ggnomad.property.details", "Details")
+								}), /* @__PURE__ */ L("button", {
+									onClick: () => W(!0),
 									className: "rounded-md p-2 text-text-secondary hover:bg-action-primary-bg hover:text-action-primary-text",
-									"aria-label": w("ggnomad.property.editListing", "Edit listing"),
-									title: w("ggnomad.property.editListing", "Edit listing"),
-									children: /* @__PURE__ */ S(f, { className: "size-4" })
+									"aria-label": z("ggnomad.property.editListing", "Edit listing"),
+									title: z("ggnomad.property.editListing", "Edit listing"),
+									children: /* @__PURE__ */ L(T, { className: "size-4" })
 								})]
-							}), /* @__PURE__ */ C("dl", {
+							}), /* @__PURE__ */ R("dl", {
 								className: "space-y-2 text-sm",
 								children: [
-									/* @__PURE__ */ S(r, {
-										label: w("ggnomad.property.price", "Price"),
-										value: `${M.currency} ${Number(M.pricePerNight).toFixed(2)}`
+									/* @__PURE__ */ L(a, {
+										label: z("ggnomad.property.price", "Price per night"),
+										value: `${q.currency} ${Number(q.pricePerNight).toFixed(2)}`
 									}),
-									/* @__PURE__ */ S(r, {
-										label: w("ggnomad.property.guests", "Guests"),
-										value: String(M.maxGuests)
+									/* @__PURE__ */ L(a, {
+										label: z("ggnomad.property.guests", "Guests"),
+										value: String(q.maxGuests)
 									}),
-									/* @__PURE__ */ S(r, {
-										label: w("ggnomad.property.rating", "Rating"),
-										value: String(M.rating ?? w("ggnomad.property.noRating", "N/A"))
+									/* @__PURE__ */ L(a, {
+										label: z("ggnomad.property.rating", "Rating"),
+										value: /* @__PURE__ */ L(h, {
+											rating: q.rating,
+											reviewCount: q.reviewCount
+										})
 									}),
-									/* @__PURE__ */ S(r, {
-										label: w("ggnomad.property.provider", "Provider"),
-										value: M.provider?.name ?? w("ggnomad.property.unassigned", "Unassigned")
+									/* @__PURE__ */ L(a, {
+										label: z("ggnomad.property.provider", "Provider"),
+										value: q.provider?.name ?? z("ggnomad.property.unassigned", "Unassigned")
 									})
 								]
 							})]
 						}),
-						/* @__PURE__ */ S(c, {
+						/* @__PURE__ */ L(g, {
+							sustainabilityScore: q.sustainabilityScore,
+							sustainabilityPractices: q.sustainabilityPractices,
+							accessibilityFeatures: q.accessibilityFeatures
+						}),
+						/* @__PURE__ */ L(v, {
+							listingId: q.id ?? H,
+							listingType: "PROPERTY"
+						}),
+						q.provider ? /* @__PURE__ */ L(_, { provider: q.provider }) : null,
+						/* @__PURE__ */ L(u, {
 							targetType: "PROPERTY",
-							targetId: M.id ?? D
+							targetId: q.id ?? H
 						})
 					]
-				}), /* @__PURE__ */ S("div", { children: /* @__PURE__ */ S(s, {
+				}), /* @__PURE__ */ L("div", { children: /* @__PURE__ */ L(l, {
 					bookingType: "PROPERTY",
-					itemId: M.id ?? D,
-					itemName: M.name,
-					unitPrice: M.pricePerNight ?? 0,
-					currency: M.currency ?? "USD",
-					nights: 1
+					itemId: q.id ?? H,
+					itemName: q.name,
+					unitPrice: q.pricePerNight ?? 0,
+					currency: q.currency ?? "USD"
 				}) })]
 			}),
-			/* @__PURE__ */ S(l, {
-				open: O,
-				onOpenChange: k,
+			/* @__PURE__ */ L(d, {
+				open: U,
+				onOpenChange: W,
 				targetType: "PROPERTY",
-				id: M.id ?? D,
+				id: q.id ?? H,
 				initial: {
-					name: M.name,
-					description: M.description,
-					pricePerNight: M.pricePerNight,
-					status: M.status,
-					images: M.images
+					name: q.name,
+					description: q.description ?? void 0,
+					pricePerNight: q.pricePerNight,
+					status: q.status,
+					images: q.images
 				},
-				onSaved: () => j()
+				onSaved: () => K()
 			})
-		] }) : /* @__PURE__ */ S(v, {
+		] }) : /* @__PURE__ */ L(N, {
 			illustration: "empty-data",
-			title: w("ggnomad.property.notFoundTitle", "No property found"),
-			description: w("ggnomad.property.notFoundDescription", "This property is unavailable or may have been removed.")
+			title: z("ggnomad.property.notFoundTitle", "No property found"),
+			description: z("ggnomad.property.notFoundDescription", "This property is unavailable or may have been removed.")
 		})
 	});
 }
 //#endregion
-export { w as PropertyDetailsPage };
+export { z as PropertyDetailsPage };
 
 //# sourceMappingURL=PropertyDetailsPage.js.map

package/dist/ggnomad/pages/PropertyDetailsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyDetailsPage.js","names":[],"sources":["../../../src/ggnomad/pages/PropertyDetailsPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useNavigate, useParams } from 'react-router';\nimport { Hotel, Pencil } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_PROPERTY_QUERY } from '../graphql';\nimport { useGGNomad } from '../providers/GGNomadProvider';\nimport { joinPath } from '../utils/navigation';\nimport { PageShell } from './PageShell';\nimport {\n  DetailRow,\n  SectionCard,\n  DetailHero,\n  BookingPanel,\n  ReviewsSection,\n  ListingEditDialog,\n} from '../components';\n\nexport function PropertyDetailsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { basePath = '/' } = useGGNomad();\n  const { id = '' } = useParams();\n  const [editDialogOpen, setEditDialogOpen] = useState(false);\n  const { data, refetch } = useQuery(\n    GGNOMAD_PROPERTY_QUERY as TypedDocumentNode<\n      {\n        ggnomadProperty: {\n          id: string;\n          name: string;\n          type: string;\n          description?: string;\n          currency: string;\n          pricePerNight: number;\n          status?: string;\n          maxGuests: number;\n          rating?: number;\n          provider?: { name: string };\n          images?: string[];\n        } | null;\n      },\n      { id: string }\n    >,\n    { variables: { id }, skip: !id }\n  );\n  const property = data?.ggnomadProperty;\n\n  return (\n    <PageShell\n      title={property?.name ?? t('ggnomad.property.fallbackTitle', 'Property details')}\n      subtitle={t('ggnomad.property.subtitle', 'Detailed hospitality listing view')}\n    >\n      {!property ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.property.notFoundTitle', 'No property found')}\n          description={t(\n            'ggnomad.property.notFoundDescription',\n            'This property is unavailable or may have been removed.'\n          )}\n        />\n      ) : (\n        <>\n          <DetailHero image={property.images?.[0]} alt={property.name} />\n          <PagePurpose icon={<Hotel className=\"size-4\" />}>\n            {t(\n              'ggnomad.property.purpose',\n              'Everything you need to decide on this stay — its type, description, nightly price, guest capacity, rating and the provider behind it — before you reserve it.'\n            )}\n          </PagePurpose>\n\n          <NextSteps\n            storageKey=\"ggnomad-property-detail\"\n            steps={[\n              {\n                id: 'browse',\n                label: t('ggnomad.property.next.browse', 'Compare other stays'),\n                description: t(\n                  'ggnomad.property.next.browseDesc',\n                  'Go back to hospitality listings to compare options.'\n                ),\n                icon: <Hotel className=\"size-4\" />,\n                onClick: () => navigate(joinPath(basePath, 'hospitality')),\n              },\n            ]}\n          />\n\n          <div className=\"grid gap-4 lg:grid-cols-3\">\n            <div className=\"lg:col-span-2 space-y-4\">\n              <SectionCard title={t('ggnomad.property.about', 'About')}>\n                <p className=\"text-sm text-text-secondary\">{t('ggnomad.property.type', 'Type')}</p>\n                <p className=\"text-text-primary\">{property.type}</p>\n                <p className=\"mt-3 text-sm text-text-secondary\">\n                  {t('ggnomad.property.description', 'Description')}\n                </p>\n                <p className=\"text-text-primary\">\n                  {property.description ?? t('ggnomad.property.noDescription', 'No description')}\n                </p>\n              </SectionCard>\n              <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n                <div className=\"mb-4 flex items-center justify-between gap-3\">\n                  <h2 className=\"text-lg font-medium tracking-tight text-text-primary\">\n                    {t('ggnomad.property.details', 'Details')}\n                  </h2>\n                  <button\n                    onClick={() => setEditDialogOpen(true)}\n                    className=\"rounded-md p-2 text-text-secondary hover:bg-action-primary-bg hover:text-action-primary-text\"\n                    aria-label={t('ggnomad.property.editListing', 'Edit listing')}\n                    title={t('ggnomad.property.editListing', 'Edit listing')}\n                  >\n                    <Pencil className=\"size-4\" />\n                  </button>\n                </div>\n                <dl className=\"space-y-2 text-sm\">\n                  <DetailRow\n                    label={t('ggnomad.property.price', 'Price')}\n                    value={`${property.currency} ${Number(property.pricePerNight).toFixed(2)}`}\n                  />\n                  <DetailRow\n                    label={t('ggnomad.property.guests', 'Guests')}\n                    value={String(property.maxGuests)}\n                  />\n                  <DetailRow\n                    label={t('ggnomad.property.rating', 'Rating')}\n                    value={String(property.rating ?? t('ggnomad.property.noRating', 'N/A'))}\n                  />\n                  <DetailRow\n                    label={t('ggnomad.property.provider', 'Provider')}\n                    value={\n                      property.provider?.name ?? t('ggnomad.property.unassigned', 'Unassigned')\n                    }\n                  />\n                </dl>\n              </GlassCard>\n              <ReviewsSection targetType=\"PROPERTY\" targetId={property.id ?? id} />\n            </div>\n            <div>\n              <BookingPanel\n                bookingType=\"PROPERTY\"\n                itemId={property.id ?? id}\n                itemName={property.name}\n                unitPrice={property.pricePerNight ?? 0}\n                currency={property.currency ?? 'USD'}\n                nights={1}\n              />\n            </div>\n          </div>\n\n          <ListingEditDialog\n            open={editDialogOpen}\n            onOpenChange={setEditDialogOpen}\n            targetType=\"PROPERTY\"\n            id={property.id ?? id}\n            initial={{\n              name: property.name,\n              description: property.description,\n              pricePerNight: property.pricePerNight,\n              status: property.status,\n              images: property.images,\n            }}\n            onSaved={() => refetch()}\n          />\n        </>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAqBA,SAAgB,IAAsB;CACpC,IAAM,EAAE,SAAM,EAAQ,GAChB,IAAW,EAAY,GACvB,EAAE,cAAW,QAAQ,EAAW,GAChC,EAAE,QAAK,OAAO,EAAU,GACxB,CAAC,GAAgB,KAAqB,EAAS,EAAK,GACpD,EAAE,SAAM,eAAY,EACxB,GAkBA;EAAE,WAAW,EAAE,MAAG;EAAG,MAAM,CAAC;CAAG,CACjC,GACM,IAAW,GAAM;CAEvB,OACE,kBAAC,GAAD;EACE,OAAO,GAAU,QAAQ,EAAE,kCAAkC,kBAAkB;EAC/E,UAAU,EAAE,6BAA6B,mCAAmC;YAE1E,IAUA,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,OAAO,EAAS,SAAS;IAAI,KAAK,EAAS;GAAO,CAAA;GAC9D,kBAAC,GAAD;IAAa,MAAM,kBAAC,GAAD,EAAO,WAAU,SAAU,CAAA;cAC3C,EACC,4BACA,+JACF;GACW,CAAA;GAEb,kBAAC,GAAD;IACE,YAAW;IACX,OAAO,CACL;KACE,IAAI;KACJ,OAAO,EAAE,gCAAgC,qBAAqB;KAC9D,aAAa,EACX,oCACA,qDACF;KACA,MAAM,kBAAC,GAAD,EAAO,WAAU,SAAU,CAAA;KACjC,eAAe,EAAS,EAAS,GAAU,aAAa,CAAC;IAC3D,CACF;GACD,CAAA;GAED,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OAAa,OAAO,EAAE,0BAA0B,OAAO;iBAAvD;QACE,kBAAC,KAAD;SAAG,WAAU;mBAA+B,EAAE,yBAAyB,MAAM;QAAK,CAAA;QAClF,kBAAC,KAAD;SAAG,WAAU;mBAAqB,EAAS;QAAQ,CAAA;QACnD,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAE,gCAAgC,aAAa;QAC/C,CAAA;QACH,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAS,eAAe,EAAE,kCAAkC,gBAAgB;QAC5E,CAAA;OACQ;;MACb,kBAAC,GAAD;OAAW,WAAU;OAAQ,MAAA;OAAK,WAAU;iBAA5C,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,MAAD;SAAI,WAAU;mBACX,EAAE,4BAA4B,SAAS;QACtC,CAAA,GACJ,kBAAC,UAAD;SACE,eAAe,EAAkB,EAAI;SACrC,WAAU;SACV,cAAY,EAAE,gCAAgC,cAAc;SAC5D,OAAO,EAAE,gCAAgC,cAAc;mBAEvD,kBAAC,GAAD,EAAQ,WAAU,SAAU,CAAA;QACtB,CAAA,CACL;WACL,kBAAC,MAAD;QAAI,WAAU;kBAAd;SACE,kBAAC,GAAD;UACE,OAAO,EAAE,0BAA0B,OAAO;UAC1C,OAAO,GAAG,EAAS,SAAS,GAAG,OAAO,EAAS,aAAa,EAAE,QAAQ,CAAC;SACxE,CAAA;SACD,kBAAC,GAAD;UACE,OAAO,EAAE,2BAA2B,QAAQ;UAC5C,OAAO,OAAO,EAAS,SAAS;SACjC,CAAA;SACD,kBAAC,GAAD;UACE,OAAO,EAAE,2BAA2B,QAAQ;UAC5C,OAAO,OAAO,EAAS,UAAU,EAAE,6BAA6B,KAAK,CAAC;SACvE,CAAA;SACD,kBAAC,GAAD;UACE,OAAO,EAAE,6BAA6B,UAAU;UAChD,OACE,EAAS,UAAU,QAAQ,EAAE,+BAA+B,YAAY;SAE3E,CAAA;QACC;SACK;;MACX,kBAAC,GAAD;OAAgB,YAAW;OAAW,UAAU,EAAS,MAAM;MAAK,CAAA;KACjE;QACL,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;KACE,aAAY;KACZ,QAAQ,EAAS,MAAM;KACvB,UAAU,EAAS;KACnB,WAAW,EAAS,iBAAiB;KACrC,UAAU,EAAS,YAAY;KAC/B,QAAQ;IACT,CAAA,EACE,CAAA,CACF;;GAEL,kBAAC,GAAD;IACE,MAAM;IACN,cAAc;IACd,YAAW;IACX,IAAI,EAAS,MAAM;IACnB,SAAS;KACP,MAAM,EAAS;KACf,aAAa,EAAS;KACtB,eAAe,EAAS;KACxB,QAAQ,EAAS;KACjB,QAAQ,EAAS;IACnB;IACA,eAAe,EAAQ;GACxB,CAAA;EACD,EAAA,CAAA,IA7GF,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,kCAAkC,mBAAmB;GAC9D,aAAa,EACX,wCACA,wDACF;EACD,CAAA;CAwGM,CAAA;AAEf"}
+{"version":3,"file":"PropertyDetailsPage.js","names":[],"sources":["../../../src/ggnomad/pages/PropertyDetailsPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useNavigate, useParams } from 'react-router';\nimport { Bath, BedDouble, Hotel, LogIn, LogOut, Pencil, Users, Zap } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_PROPERTY_QUERY } from '../graphql';\nimport { useGGNomad } from '../providers/GGNomadProvider';\nimport { joinPath } from '../utils/navigation';\nimport { jsonFacts } from '../utils/format';\nimport { PageShell } from './PageShell';\nimport {\n  AvailabilityPanel,\n  BookingPanel,\n  DetailHero,\n  DetailRow,\n  EcoAccessPanel,\n  FactGrid,\n  ListingEditDialog,\n  PhotoGallery,\n  ProviderCard,\n  RatingSummary,\n  ReviewsSection,\n  SectionCard,\n  StatusBadge,\n  TagChips,\n} from '../components';\nimport type { Fact } from '../components';\n\ntype PropertyDetail = {\n  id: string;\n  name: string;\n  type: string;\n  status?: string;\n  description?: string | null;\n  address?: unknown;\n  currency: string;\n  pricePerNight: number;\n  rating?: number | null;\n  reviewCount: number;\n  bedrooms?: number | null;\n  bathrooms?: number | null;\n  maxGuests: number;\n  checkInTime?: string | null;\n  checkOutTime?: string | null;\n  amenities: string[];\n  images: string[];\n  instantBook: boolean;\n  sustainabilityScore: number;\n  sustainabilityPractices: string[];\n  accessibilityFeatures: string[];\n  provider?: {\n    id: string;\n    name: string;\n    type?: string | null;\n    rating?: number | null;\n    reviewCount?: number | null;\n    listingCount?: number | null;\n    contactEmail?: string | null;\n    website?: string | null;\n  } | null;\n};\n\nexport function PropertyDetailsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { basePath = '/' } = useGGNomad();\n  const { id = '' } = useParams();\n  const [editDialogOpen, setEditDialogOpen] = useState(false);\n  const { data, refetch } = useQuery(\n    GGNOMAD_PROPERTY_QUERY as TypedDocumentNode<\n      { ggnomadProperty: PropertyDetail | null },\n      { id: string }\n    >,\n    { variables: { id }, skip: !id }\n  );\n  const property = data?.ggnomadProperty;\n\n  const facts: Fact[] = [];\n  if (property) {\n    facts.push({\n      id: 'guests',\n      label: t('ggnomad.property.guests', 'Guests'),\n      value: String(property.maxGuests),\n      icon: <Users />,\n    });\n    if (property.bedrooms !== null && property.bedrooms !== undefined) {\n      facts.push({\n        id: 'bedrooms',\n        label: t('ggnomad.property.bedrooms', 'Bedrooms'),\n        value: String(property.bedrooms),\n        icon: <BedDouble />,\n      });\n    }\n    if (property.bathrooms !== null && property.bathrooms !== undefined) {\n      facts.push({\n        id: 'bathrooms',\n        label: t('ggnomad.property.bathrooms', 'Bathrooms'),\n        value: String(property.bathrooms),\n        icon: <Bath />,\n      });\n    }\n    if (property.checkInTime) {\n      facts.push({\n        id: 'check-in',\n        label: t('ggnomad.property.checkInTime', 'Check-in'),\n        value: property.checkInTime,\n        icon: <LogIn />,\n      });\n    }\n    if (property.checkOutTime) {\n      facts.push({\n        id: 'check-out',\n        label: t('ggnomad.property.checkOutTime', 'Check-out'),\n        value: property.checkOutTime,\n        icon: <LogOut />,\n      });\n    }\n  }\n\n  const addressFacts = jsonFacts(property?.address);\n\n  return (\n    <PageShell\n      title={property?.name ?? t('ggnomad.property.fallbackTitle', 'Property details')}\n      subtitle={t('ggnomad.property.subtitle', 'Detailed hospitality listing view')}\n    >\n      {!property ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.property.notFoundTitle', 'No property found')}\n          description={t(\n            'ggnomad.property.notFoundDescription',\n            'This property is unavailable or may have been removed.'\n          )}\n        />\n      ) : (\n        <>\n          {property.images.length > 0 ? (\n            <PhotoGallery images={property.images} alt={property.name} />\n          ) : (\n            <DetailHero alt={property.name} />\n          )}\n\n          <div className=\"flex flex-wrap items-center gap-3\">\n            <span className=\"rounded-full border border-border-seam bg-bg-sunken px-3 py-1 text-sm text-text-primary\">\n              {property.type}\n            </span>\n            {property.status ? <StatusBadge status={property.status} /> : null}\n            <RatingSummary rating={property.rating} reviewCount={property.reviewCount} />\n            {property.instantBook ? (\n              <span className=\"inline-flex items-center gap-1.5 rounded-full bg-status-success-bg-subtle px-3 py-1 text-sm font-medium text-status-success-text\">\n                <Zap className=\"size-3.5\" aria-hidden=\"true\" />\n                {t('ggnomad.listing.instantBook', 'Instant book')}\n              </span>\n            ) : null}\n          </div>\n\n          <PagePurpose icon={<Hotel className=\"size-4\" />}>\n            {t(\n              'ggnomad.property.purpose',\n              'Everything you need to decide on this stay — its type, description, nightly price, guest capacity, rating and the provider behind it — before you reserve it.'\n            )}\n          </PagePurpose>\n\n          <FactGrid facts={facts} />\n\n          <NextSteps\n            storageKey=\"ggnomad-property-detail\"\n            steps={[\n              {\n                id: 'browse',\n                label: t('ggnomad.property.next.browse', 'Compare other stays'),\n                description: t(\n                  'ggnomad.property.next.browseDesc',\n                  'Go back to hospitality listings to compare options.'\n                ),\n                icon: <Hotel className=\"size-4\" />,\n                onClick: () => navigate(joinPath(basePath, 'hospitality')),\n              },\n            ]}\n          />\n\n          <div className=\"grid gap-4 lg:grid-cols-3\">\n            <div className=\"lg:col-span-2 space-y-4\">\n              <SectionCard title={t('ggnomad.property.about', 'About')}>\n                <p className=\"text-sm text-text-secondary\">{t('ggnomad.property.type', 'Type')}</p>\n                <p className=\"text-text-primary\">{property.type}</p>\n                <p className=\"mt-3 text-sm text-text-secondary\">\n                  {t('ggnomad.property.description', 'Description')}\n                </p>\n                <p className=\"text-text-primary\">\n                  {property.description ?? t('ggnomad.property.noDescription', 'No description')}\n                </p>\n                {addressFacts.length > 0 ? (\n                  <>\n                    <p className=\"mt-3 text-sm text-text-secondary\">\n                      {t('ggnomad.property.address', 'Address')}\n                    </p>\n                    <dl className=\"mt-1 space-y-1 text-sm\">\n                      {addressFacts.map((fact) => (\n                        <DetailRow key={fact.key} label={fact.label} value={fact.value} />\n                      ))}\n                    </dl>\n                  </>\n                ) : null}\n              </SectionCard>\n\n              {property.amenities.length > 0 ? (\n                <SectionCard title={t('ggnomad.property.amenities', 'Amenities')}>\n                  <TagChips items={property.amenities} />\n                </SectionCard>\n              ) : null}\n\n              <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n                <div className=\"mb-4 flex items-center justify-between gap-3\">\n                  <h2 className=\"text-lg font-medium tracking-tight text-text-primary\">\n                    {t('ggnomad.property.details', 'Details')}\n                  </h2>\n                  <button\n                    onClick={() => setEditDialogOpen(true)}\n                    className=\"rounded-md p-2 text-text-secondary hover:bg-action-primary-bg hover:text-action-primary-text\"\n                    aria-label={t('ggnomad.property.editListing', 'Edit listing')}\n                    title={t('ggnomad.property.editListing', 'Edit listing')}\n                  >\n                    <Pencil className=\"size-4\" />\n                  </button>\n                </div>\n                <dl className=\"space-y-2 text-sm\">\n                  <DetailRow\n                    label={t('ggnomad.property.price', 'Price per night')}\n                    value={`${property.currency} ${Number(property.pricePerNight).toFixed(2)}`}\n                  />\n                  <DetailRow\n                    label={t('ggnomad.property.guests', 'Guests')}\n                    value={String(property.maxGuests)}\n                  />\n                  <DetailRow\n                    label={t('ggnomad.property.rating', 'Rating')}\n                    value={\n                      <RatingSummary rating={property.rating} reviewCount={property.reviewCount} />\n                    }\n                  />\n                  <DetailRow\n                    label={t('ggnomad.property.provider', 'Provider')}\n                    value={\n                      property.provider?.name ?? t('ggnomad.property.unassigned', 'Unassigned')\n                    }\n                  />\n                </dl>\n              </GlassCard>\n\n              <EcoAccessPanel\n                sustainabilityScore={property.sustainabilityScore}\n                sustainabilityPractices={property.sustainabilityPractices}\n                accessibilityFeatures={property.accessibilityFeatures}\n              />\n\n              <AvailabilityPanel listingId={property.id ?? id} listingType=\"PROPERTY\" />\n\n              {property.provider ? <ProviderCard provider={property.provider} /> : null}\n\n              <ReviewsSection targetType=\"PROPERTY\" targetId={property.id ?? id} />\n            </div>\n            <div>\n              <BookingPanel\n                bookingType=\"PROPERTY\"\n                itemId={property.id ?? id}\n                itemName={property.name}\n                unitPrice={property.pricePerNight ?? 0}\n                currency={property.currency ?? 'USD'}\n              />\n            </div>\n          </div>\n\n          <ListingEditDialog\n            open={editDialogOpen}\n            onOpenChange={setEditDialogOpen}\n            targetType=\"PROPERTY\"\n            id={property.id ?? id}\n            initial={{\n              name: property.name,\n              description: property.description ?? undefined,\n              pricePerNight: property.pricePerNight,\n              status: property.status,\n              images: property.images,\n            }}\n            onSaved={() => refetch()}\n          />\n        </>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":"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"}

package/dist/ggnomad/pages/ProviderPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProviderPage.d.ts","sourceRoot":"","sources":["../../../src/ggnomad/pages/ProviderPage.tsx"],"names":[],"mappings":"AAYA,wBAAgB,YAAY,gCAwG3B"}
+{"version":3,"file":"ProviderPage.d.ts","sourceRoot":"","sources":["../../../src/ggnomad/pages/ProviderPage.tsx"],"names":[],"mappings":"AAaA,wBAAgB,YAAY,gCAuJ3B"}

package/dist/ggnomad/pages/ProviderPage.js

@@ -1,96 +1,145 @@
 import { GGNOMAD_PROVIDERS_QUERY as e } from "../graphql.js";
-import { PageShell as t } from "./PageShell.js";
-import { StatusBadge as n } from "../components/StatusBadge.js";
-import { EntityCard as r } from "../components/EntityCard.js";
-import { LoadMoreButton as i } from "../components/LoadMoreButton.js";
+import { formatDate as t } from "../utils/format.js";
+import { PageShell as n } from "./PageShell.js";
+import { StatusBadge as r } from "../components/StatusBadge.js";
+import { EntityCard as i } from "../components/EntityCard.js";
+import { LoadMoreButton as a } from "../components/LoadMoreButton.js";
+import { RatingSummary as o } from "../components/RatingSummary.js";
 import "../components/index.js";
-import { useState as a } from "react";
-import { Briefcase as o, Store as s } from "lucide-react";
-import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Link as l } from "react-router";
-import { useQuery as u } from "@apollo/client/react";
-import { GlassCard as d, IllustratedEmptyState as f, PagePurpose as p } from "@burdenoff/fe-libs/ui";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { useState as s } from "react";
+import { Briefcase as c, CalendarPlus as l, Globe as u, Mail as d, Phone as f, Store as p } from "lucide-react";
+import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Link as h } from "react-router";
+import { useQuery as g } from "@apollo/client/react";
+import { GlassCard as _, IllustratedEmptyState as v, PagePurpose as y } from "@burdenoff/fe-libs/ui";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/ggnomad/pages/ProviderPage.tsx
-function g() {
-	let { t: g } = c(), [_, v] = a(12), { data: y } = u(e, { variables: {
-		limit: _,
+function S() {
+	let { t: S } = m(), [C, w] = s(12), { data: T } = g(e, { variables: {
+		limit: C,
 		offset: 0
-	} }), b = y?.ggnomadProviders ?? [];
-	return /* @__PURE__ */ h(t, {
-		title: g("ggnomad.provider.title", "Provider Dashboard"),
-		titleAccent: g("ggnomad.provider.title.accent", "Provider"),
-		subtitle: g("ggnomad.provider.subtitle", "B2B provider operations and onboarding metrics"),
-		children: [/* @__PURE__ */ m(p, {
-			icon: /* @__PURE__ */ m(o, { className: "size-4" }),
-			children: g("ggnomad.provider.purpose", "Track the supply side of the marketplace — the hotels, tour operators and venues that publish inventory. Use it to monitor each provider’s status, listing count, revenue and rating, and to spot who needs onboarding attention.")
-		}), b.length === 0 ? /* @__PURE__ */ m(f, {
+	} }), E = T?.ggnomadProviders ?? [];
+	return /* @__PURE__ */ x(n, {
+		title: S("ggnomad.provider.title", "Provider Dashboard"),
+		titleAccent: S("ggnomad.provider.title.accent", "Provider"),
+		subtitle: S("ggnomad.provider.subtitle", "B2B provider operations and onboarding metrics"),
+		children: [/* @__PURE__ */ b(y, {
+			icon: /* @__PURE__ */ b(c, { className: "size-4" }),
+			children: S("ggnomad.provider.purpose", "Track the supply side of the marketplace — the hotels, tour operators and venues that publish inventory. Use it to monitor each provider’s status, listing count, revenue and rating, and to spot who needs onboarding attention.")
+		}), E.length === 0 ? /* @__PURE__ */ b(v, {
 			illustration: "empty-people",
-			title: g("ggnomad.provider.emptyTitle", "No providers onboarded"),
-			description: g("ggnomad.provider.emptyDescription", "Onboarded B2B providers and their performance will be tracked here.")
-		}) : /* @__PURE__ */ h(d, {
+			title: S("ggnomad.provider.emptyTitle", "No providers onboarded"),
+			description: S("ggnomad.provider.emptyDescription", "Onboarded B2B providers and their performance will be tracked here.")
+		}) : /* @__PURE__ */ x(_, {
 			treatment: "glass",
 			glow: !0,
 			className: "border-border-seam p-5",
 			children: [
-				/* @__PURE__ */ m("h2", {
+				/* @__PURE__ */ b("h2", {
 					className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
-					children: g("ggnomad.provider.onboardedProviders", "Onboarded providers")
+					children: S("ggnomad.provider.onboardedProviders", "Onboarded providers")
 				}),
-				/* @__PURE__ */ m("div", {
+				/* @__PURE__ */ b("div", {
 					className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3",
-					children: b.map((e) => /* @__PURE__ */ m(r, {
+					children: E.map((e) => /* @__PURE__ */ b(i, {
 						title: e.name,
-						meta: e.type,
-						badge: /* @__PURE__ */ m(n, {
+						meta: e.description ?? e.type,
+						badge: /* @__PURE__ */ b(r, {
 							status: e.status,
 							live: e.status === "ACTIVE"
 						}),
-						footer: /* @__PURE__ */ h("dl", {
-							className: "grid grid-cols-3 gap-2 text-xs",
+						footer: /* @__PURE__ */ x("div", {
+							className: "space-y-2 text-xs",
 							children: [
-								/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("dt", {
-									className: "text-text-secondary",
-									children: g("ggnomad.provider.listings", "Listings")
-								}), /* @__PURE__ */ m("dd", {
-									className: "mt-0.5 font-medium tabular-nums text-text-primary",
-									children: e.listingCount
-								})] }),
-								/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("dt", {
-									className: "text-text-secondary",
-									children: g("ggnomad.provider.revenue", "Revenue")
-								}), /* @__PURE__ */ h("dd", {
-									className: "mt-0.5 font-medium tabular-nums text-text-primary",
-									children: ["$", Number(e.totalRevenue).toLocaleString()]
-								})] }),
-								/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("dt", {
-									className: "text-text-secondary",
-									children: g("ggnomad.provider.rating", "Rating")
-								}), /* @__PURE__ */ m("dd", {
-									className: "mt-0.5 font-medium tabular-nums text-text-primary",
-									children: e.rating ?? g("ggnomad.provider.noRating", "N/A")
-								})] }),
-								/* @__PURE__ */ m("div", {
-									className: "col-span-3 mt-1 border-t border-border-seam pt-2",
-									children: /* @__PURE__ */ h(l, {
+								/* @__PURE__ */ b(o, {
+									rating: e.rating,
+									reviewCount: e.reviewCount
+								}),
+								/* @__PURE__ */ x("dl", {
+									className: "grid grid-cols-3 gap-2",
+									children: [
+										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
+											className: "text-text-secondary",
+											children: S("ggnomad.provider.listings", "Listings")
+										}), /* @__PURE__ */ b("dd", {
+											className: "mt-0.5 font-medium tabular-nums text-text-primary",
+											children: e.listingCount
+										})] }),
+										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
+											className: "text-text-secondary",
+											children: S("ggnomad.provider.revenue", "Revenue")
+										}), /* @__PURE__ */ x("dd", {
+											className: "mt-0.5 font-medium tabular-nums text-text-primary",
+											children: ["$", Number(e.totalRevenue).toLocaleString()]
+										})] }),
+										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
+											className: "text-text-secondary",
+											children: S("ggnomad.provider.type", "Type")
+										}), /* @__PURE__ */ b("dd", {
+											className: "mt-0.5 font-medium text-text-primary",
+											children: e.type
+										})] })
+									]
+								}),
+								/* @__PURE__ */ x("p", {
+									className: "inline-flex items-center gap-1 text-text-secondary",
+									children: [/* @__PURE__ */ b(l, {
+										className: "size-3.5",
+										"aria-hidden": "true"
+									}), S("ggnomad.provider.joined", "Joined {{date}}").replace("{{date}}", t(e.createdAt) ?? "—")]
+								}),
+								e.contactEmail || e.contactPhone || e.website ? /* @__PURE__ */ x("div", {
+									className: "flex flex-wrap items-center gap-x-3 gap-y-1",
+									children: [
+										e.contactEmail ? /* @__PURE__ */ x("a", {
+											href: `mailto:${e.contactEmail}`,
+											className: "inline-flex items-center gap-1 text-action-primary-bg hover:underline",
+											children: [/* @__PURE__ */ b(d, {
+												className: "size-3.5",
+												"aria-hidden": "true"
+											}), e.contactEmail]
+										}) : null,
+										e.contactPhone ? /* @__PURE__ */ x("a", {
+											href: `tel:${e.contactPhone}`,
+											className: "inline-flex items-center gap-1 text-action-primary-bg hover:underline",
+											children: [/* @__PURE__ */ b(f, {
+												className: "size-3.5",
+												"aria-hidden": "true"
+											}), e.contactPhone]
+										}) : null,
+										e.website ? /* @__PURE__ */ x("a", {
+											href: e.website,
+											target: "_blank",
+											rel: "noreferrer noopener",
+											className: "inline-flex items-center gap-1 text-action-primary-bg hover:underline",
+											children: [/* @__PURE__ */ b(u, {
+												className: "size-3.5",
+												"aria-hidden": "true"
+											}), S("ggnomad.provider.website", "Website")]
+										}) : null
+									]
+								}) : null,
+								/* @__PURE__ */ b("div", {
+									className: "mt-1 border-t border-border-seam pt-2",
+									children: /* @__PURE__ */ x(h, {
 										to: `${e.id}/storefront`,
 										className: "inline-flex items-center gap-1 text-xs font-medium text-action-primary-bg hover:underline",
-										children: [/* @__PURE__ */ m(s, { className: "size-3.5" }), g("ggnomad.provider.manageStorefront", "Manage storefront")]
+										children: [/* @__PURE__ */ b(p, { className: "size-3.5" }), S("ggnomad.provider.manageStorefront", "Manage storefront")]
 									})
 								})
 							]
 						})
 					}, e.id))
 				}),
-				/* @__PURE__ */ m(i, {
-					visible: b.length >= _,
-					onLoadMore: () => v((e) => e + 12)
+				/* @__PURE__ */ b(a, {
+					visible: E.length >= C,
+					onLoadMore: () => w((e) => e + 12)
 				})
 			]
 		})]
 	});
 }
 //#endregion
-export { g as ProviderPage };
+export { S as ProviderPage };
 
 //# sourceMappingURL=ProviderPage.js.map