@burdenoff/microfe-ggnomad 2026.728.2 → 2026.730.1

package/dist/ggnomad/pages/StorefrontPublicPage.d.ts

@@ -0,0 +1,9 @@
+/**
+ * BOFF-4363 — the branded storefront page a traveler sees, backed by the
+ * genuinely public `ggnomadStorefrontBySlug` query. Note: this route still
+ * renders inside the authenticated app shell today — making it reachable
+ * without any login at all is a routing/CDN concern for the app shell, not
+ * this MFE (tracked alongside the deferred custom-domain work in BOFF-4363).
+ */
+export declare function StorefrontPublicPage(): import("react").JSX.Element;
+//# sourceMappingURL=StorefrontPublicPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StorefrontPublicPage.d.ts","sourceRoot":"","sources":["../../../src/ggnomad/pages/StorefrontPublicPage.tsx"],"names":[],"mappings":"AAqCA;;;;;;GAMG;AACH,wBAAgB,oBAAoB,gCAqHnC"}

package/dist/ggnomad/pages/StorefrontPublicPage.js

@@ -0,0 +1,98 @@
+import { GGNOMAD_STOREFRONT_BY_SLUG_QUERY as e } from "../graphql.js";
+import { PageShell as t } from "./PageShell.js";
+import { useGGNomad as n } from "../providers/GGNomadProvider.js";
+import { Leaf as r } from "lucide-react";
+import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useParams as a } from "react-router-dom";
+import { useQuery as o } from "@apollo/client/react";
+import { GlassCard as s, IllustratedEmptyState as c, Spinner as l } from "@burdenoff/fe-libs/ui";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/ggnomad/pages/StorefrontPublicPage.tsx
+function f() {
+	let { t: f } = i(), { slug: p = "" } = a(), { workspaceId: m = "" } = n(), { data: h, loading: g } = o(e, {
+		variables: {
+			workspaceId: m,
+			slug: p
+		},
+		skip: !m || !p
+	}), _ = h?.ggnomadStorefrontBySlug ?? null, v = _?.storefront.primaryColor ?? "#1E88E5", y = _ ? [
+		..._.properties,
+		..._.tours,
+		..._.events,
+		..._.activities
+	] : [];
+	return g ? /* @__PURE__ */ u(t, {
+		title: f("ggnomad.storefrontPublic.title", "Storefront"),
+		subtitle: "",
+		children: /* @__PURE__ */ u("div", {
+			className: "flex justify-center py-10",
+			children: /* @__PURE__ */ u(l, {})
+		})
+	}) : _ ? /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("div", {
+		className: "p-6",
+		style: {
+			background: `${v}14`,
+			borderBottom: `4px solid ${v}`
+		},
+		children: /* @__PURE__ */ d("div", {
+			className: "mx-auto flex max-w-4xl items-center gap-4",
+			children: [_.storefront.logoUrl ? /* @__PURE__ */ u("img", {
+				src: _.storefront.logoUrl,
+				alt: "",
+				className: "size-16 rounded object-contain"
+			}) : /* @__PURE__ */ u("div", {
+				className: "flex size-16 items-center justify-center rounded text-2xl font-semibold text-white",
+				style: { background: v },
+				children: _.storefront.displayName.slice(0, 1).toUpperCase()
+			}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
+				className: "text-2xl font-semibold text-text-primary",
+				children: _.storefront.displayName
+			}), _.storefront.aboutText ? /* @__PURE__ */ u("p", {
+				className: "mt-1 max-w-2xl text-sm text-text-secondary",
+				children: _.storefront.aboutText
+			}) : null] })]
+		})
+	}), /* @__PURE__ */ u("div", {
+		className: "mx-auto max-w-4xl p-6",
+		children: y.length === 0 ? /* @__PURE__ */ u(c, {
+			illustration: "empty-people",
+			title: f("ggnomad.storefrontPublic.emptyTitle", "Nothing listed yet"),
+			description: f("ggnomad.storefrontPublic.emptyDescription", "This operator has not published any active listings.")
+		}) : /* @__PURE__ */ u("div", {
+			className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
+			children: y.map((e) => /* @__PURE__ */ d(s, {
+				treatment: "glass",
+				className: "border-border-seam p-4",
+				children: [
+					/* @__PURE__ */ u("h3", {
+						className: "font-medium text-text-primary",
+						children: e.name
+					}),
+					/* @__PURE__ */ u("p", {
+						className: "mt-1 text-sm text-text-secondary",
+						children: (e.price ?? e.pricePerNight ?? 0).toLocaleString(void 0, {
+							style: "currency",
+							currency: e.currency
+						})
+					}),
+					e.sustainabilityScore > 0 ? /* @__PURE__ */ d("p", {
+						className: "mt-2 inline-flex items-center gap-1 text-xs text-text-secondary",
+						children: [/* @__PURE__ */ u(r, { className: "size-3.5 text-emerald-500" }), f("ggnomad.storefrontPublic.sustainabilityScore", "{score}% self-reported sustainable").replace("{score}", String(e.sustainabilityScore))]
+					}) : null
+				]
+			}, e.id))
+		})
+	})] }) : /* @__PURE__ */ u(t, {
+		title: f("ggnomad.storefrontPublic.title", "Storefront"),
+		subtitle: f("ggnomad.storefrontPublic.notFoundSubtitle", "This storefront is not available."),
+		children: /* @__PURE__ */ u(c, {
+			illustration: "empty-search",
+			title: f("ggnomad.storefrontPublic.notFoundTitle", "Storefront not found"),
+			description: f("ggnomad.storefrontPublic.notFoundDescription", "This link may be mistyped, or the operator has not published a storefront yet.")
+		})
+	});
+}
+//#endregion
+export { f as StorefrontPublicPage };
+
+//# sourceMappingURL=StorefrontPublicPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StorefrontPublicPage.js","names":[],"sources":["../../../src/ggnomad/pages/StorefrontPublicPage.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useParams } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Leaf } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, Spinner } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_STOREFRONT_BY_SLUG_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { useGGNomad } from '../providers/GGNomadProvider';\n\ntype StorefrontListing = {\n  id: string;\n  name: string;\n  price?: number;\n  pricePerNight?: number;\n  currency: string;\n  images: string[];\n  rating?: number | null;\n  sustainabilityScore: number;\n};\n\ntype StorefrontPage = {\n  storefront: {\n    id: string;\n    displayName: string;\n    logoUrl: string | null;\n    primaryColor: string | null;\n    aboutText: string | null;\n    publishedAt: string | null;\n  };\n  properties: StorefrontListing[];\n  tours: StorefrontListing[];\n  events: StorefrontListing[];\n  activities: StorefrontListing[];\n};\n\n/**\n * BOFF-4363 — the branded storefront page a traveler sees, backed by the\n * genuinely public `ggnomadStorefrontBySlug` query. Note: this route still\n * renders inside the authenticated app shell today — making it reachable\n * without any login at all is a routing/CDN concern for the app shell, not\n * this MFE (tracked alongside the deferred custom-domain work in BOFF-4363).\n */\nexport function StorefrontPublicPage() {\n  const { t } = useI18n();\n  const { slug = '' } = useParams();\n  const { workspaceId = '' } = useGGNomad();\n\n  const { data, loading } = useQuery(\n    GGNOMAD_STOREFRONT_BY_SLUG_QUERY as TypedDocumentNode<\n      { ggnomadStorefrontBySlug: StorefrontPage | null },\n      { workspaceId: string; slug: string }\n    >,\n    { variables: { workspaceId, slug }, skip: !workspaceId || !slug }\n  );\n\n  const page = data?.ggnomadStorefrontBySlug ?? null;\n  const brandColor = page?.storefront.primaryColor ?? '#1E88E5';\n  const allListings = page\n    ? [...page.properties, ...page.tours, ...page.events, ...page.activities]\n    : [];\n\n  if (loading) {\n    return (\n      <PageShell title={t('ggnomad.storefrontPublic.title', 'Storefront')} subtitle=\"\">\n        <div className=\"flex justify-center py-10\">\n          <Spinner />\n        </div>\n      </PageShell>\n    );\n  }\n\n  if (!page) {\n    return (\n      <PageShell\n        title={t('ggnomad.storefrontPublic.title', 'Storefront')}\n        subtitle={t(\n          'ggnomad.storefrontPublic.notFoundSubtitle',\n          'This storefront is not available.'\n        )}\n      >\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title={t('ggnomad.storefrontPublic.notFoundTitle', 'Storefront not found')}\n          description={t(\n            'ggnomad.storefrontPublic.notFoundDescription',\n            'This link may be mistyped, or the operator has not published a storefront yet.'\n          )}\n        />\n      </PageShell>\n    );\n  }\n\n  return (\n    <div>\n      <div\n        className=\"p-6\"\n        style={{ background: `${brandColor}14`, borderBottom: `4px solid ${brandColor}` }}\n      >\n        <div className=\"mx-auto flex max-w-4xl items-center gap-4\">\n          {page.storefront.logoUrl ? (\n            <img src={page.storefront.logoUrl} alt=\"\" className=\"size-16 rounded object-contain\" />\n          ) : (\n            <div\n              className=\"flex size-16 items-center justify-center rounded text-2xl font-semibold text-white\"\n              style={{ background: brandColor }}\n            >\n              {page.storefront.displayName.slice(0, 1).toUpperCase()}\n            </div>\n          )}\n          <div>\n            <h1 className=\"text-2xl font-semibold text-text-primary\">\n              {page.storefront.displayName}\n            </h1>\n            {page.storefront.aboutText ? (\n              <p className=\"mt-1 max-w-2xl text-sm text-text-secondary\">\n                {page.storefront.aboutText}\n              </p>\n            ) : null}\n          </div>\n        </div>\n      </div>\n\n      <div className=\"mx-auto max-w-4xl p-6\">\n        {allListings.length === 0 ? (\n          <IllustratedEmptyState\n            illustration=\"empty-people\"\n            title={t('ggnomad.storefrontPublic.emptyTitle', 'Nothing listed yet')}\n            description={t(\n              'ggnomad.storefrontPublic.emptyDescription',\n              'This operator has not published any active listings.'\n            )}\n          />\n        ) : (\n          <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {allListings.map((listing) => (\n              <GlassCard key={listing.id} treatment=\"glass\" className=\"border-border-seam p-4\">\n                <h3 className=\"font-medium text-text-primary\">{listing.name}</h3>\n                <p className=\"mt-1 text-sm text-text-secondary\">\n                  {(listing.price ?? listing.pricePerNight ?? 0).toLocaleString(undefined, {\n                    style: 'currency',\n                    currency: listing.currency,\n                  })}\n                </p>\n                {listing.sustainabilityScore > 0 ? (\n                  <p className=\"mt-2 inline-flex items-center gap-1 text-xs text-text-secondary\">\n                    <Leaf className=\"size-3.5 text-emerald-500\" />\n                    {t(\n                      'ggnomad.storefrontPublic.sustainabilityScore',\n                      '{score}% self-reported sustainable'\n                    ).replace('{score}', String(listing.sustainabilityScore))}\n                  </p>\n                ) : null}\n              </GlassCard>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AA4CA,SAAgB,IAAuB;CACrC,IAAM,EAAE,SAAM,EAAQ,GAChB,EAAE,UAAO,OAAO,EAAU,GAC1B,EAAE,iBAAc,OAAO,EAAW,GAElC,EAAE,SAAM,eAAY,EACxB,GAIA;EAAE,WAAW;GAAE;GAAa;EAAK;EAAG,MAAM,CAAC,KAAe,CAAC;CAAK,CAClE,GAEM,IAAO,GAAM,2BAA2B,MACxC,IAAa,GAAM,WAAW,gBAAgB,WAC9C,IAAc,IAChB;EAAC,GAAG,EAAK;EAAY,GAAG,EAAK;EAAO,GAAG,EAAK;EAAQ,GAAG,EAAK;CAAU,IACtE,CAAC;CAiCL,OA/BI,IAEA,kBAAC,GAAD;EAAW,OAAO,EAAE,kCAAkC,YAAY;EAAG,UAAS;YAC5E,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,CAAU,CAAA;EACP,CAAA;CACI,CAAA,IAIV,IAsBH,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;EACE,WAAU;EACV,OAAO;GAAE,YAAY,GAAG,EAAW;GAAK,cAAc,aAAa;EAAa;YAEhF,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAK,WAAW,UACf,kBAAC,OAAD;IAAK,KAAK,EAAK,WAAW;IAAS,KAAI;IAAG,WAAU;GAAkC,CAAA,IAEtF,kBAAC,OAAD;IACE,WAAU;IACV,OAAO,EAAE,YAAY,EAAW;cAE/B,EAAK,WAAW,YAAY,MAAM,GAAG,CAAC,EAAE,YAAY;GAClD,CAAA,GAEP,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAK,WAAW;GACf,CAAA,GACH,EAAK,WAAW,YACf,kBAAC,KAAD;IAAG,WAAU;cACV,EAAK,WAAW;GAChB,CAAA,IACD,IACD,EAAA,CAAA,CACF;;CACF,CAAA,GAEL,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAY,WAAW,IACtB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,uCAAuC,oBAAoB;GACpE,aAAa,EACX,6CACA,sDACF;EACD,CAAA,IAED,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAY,KAAK,MAChB,kBAAC,GAAD;IAA4B,WAAU;IAAQ,WAAU;cAAxD;KACE,kBAAC,MAAD;MAAI,WAAU;gBAAiC,EAAQ;KAAS,CAAA;KAChE,kBAAC,KAAD;MAAG,WAAU;iBACT,EAAQ,SAAS,EAAQ,iBAAiB,GAAG,eAAe,KAAA,GAAW;OACvE,OAAO;OACP,UAAU,EAAQ;MACpB,CAAC;KACA,CAAA;KACF,EAAQ,sBAAsB,IAC7B,kBAAC,KAAD;MAAG,WAAU;gBAAb,CACE,kBAAC,GAAD,EAAM,WAAU,4BAA6B,CAAA,GAC5C,EACC,gDACA,oCACF,EAAE,QAAQ,WAAW,OAAO,EAAQ,mBAAmB,CAAC,CACvD;UACD;IACK;MAjBK,EAAQ,EAiBb,CACZ;EACE,CAAA;CAEJ,CAAA,CACF,EAAA,CAAA,IApFH,kBAAC,GAAD;EACE,OAAO,EAAE,kCAAkC,YAAY;EACvD,UAAU,EACR,6CACA,mCACF;YAEA,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,0CAA0C,sBAAsB;GACzE,aAAa,EACX,gDACA,gFACF;EACD,CAAA;CACQ,CAAA;AAuEjB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-ggnomad",
-  "version": "2026.728.2",
+  "version": "2026.730.1",
   "description": "Burdenoff GGNomad Microfrontend",
   "type": "module",
   "files": [