@burdenoff/microfe-store 2026.529.1 → 2026.601.1

package/dist/pages/SearchResultsPage.js

@@ -1,128 +0,0 @@
-import { useStore as e } from "../providers/StoreProvider.js";
-import { useBrowseStoreWithContext as t } from "../hooks/useStoreGraphQL.js";
-import { useId as n, useMemo as r, useState as i } from "react";
-import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { ArrowLeft as o, Search as s } from "lucide-react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { useNavigate as d, useSearchParams as f } from "react-router-dom";
-//#region src/pages/SearchResultsPage.tsx
-var p = ({ product: e, onOpen: t, noDesc: n }) => /* @__PURE__ */ u("button", {
-	type: "button",
-	onClick: () => t(e.id),
-	className: "cursor-pointer rounded-xl border border-border-default bg-bg-surface p-4 text-left transition-colors hover:bg-bg-sunken",
-	children: [
-		/* @__PURE__ */ l("h3", {
-			className: "font-semibold text-text-primary",
-			children: e.name
-		}),
-		/* @__PURE__ */ l("p", {
-			className: "mt-1 text-xs text-text-muted",
-			children: e.type
-		}),
-		/* @__PURE__ */ l("p", {
-			className: "mt-2 text-sm text-text-muted line-clamp-2",
-			children: e.description || n
-		})
-	]
-}), m = () => {
-	let m = d(), { basePath: h } = e(), g = n(), [_, v] = f(), [y, b] = i(_.get("q") ?? ""), { t: x } = a(), S = r(() => y.trim(), [y]), { products: C, totalCount: w, hasMore: T, loading: E, error: D, loadMore: O } = t({
-		filter: S ? { search: S } : void 0,
-		pagination: { limit: 30 }
-	}), k = () => {
-		let e = y.trim();
-		v(e ? { q: e } : {});
-	};
-	return /* @__PURE__ */ u("div", {
-		className: "flex h-full flex-col",
-		children: [/* @__PURE__ */ l("header", {
-			className: "border-b border-border-default bg-bg-surface px-6 py-4",
-			children: /* @__PURE__ */ u("div", {
-				className: "mx-auto max-w-6xl",
-				children: [/* @__PURE__ */ u("div", {
-					className: "mb-3 flex items-center gap-3",
-					children: [/* @__PURE__ */ l("button", {
-						type: "button",
-						onClick: () => m(-1),
-						"aria-label": "Go back",
-						className: "cursor-pointer rounded-lg p-2 text-text-muted hover:bg-bg-sunken hover:text-text-primary",
-						children: /* @__PURE__ */ l(o, { className: "size-5" })
-					}), /* @__PURE__ */ l("h1", {
-						className: "text-2xl font-bold text-text-primary",
-						children: x("pages.search.title", { defaultValue: "Search Results" })
-					})]
-				}), /* @__PURE__ */ u("div", {
-					className: "flex gap-2",
-					children: [
-						/* @__PURE__ */ l("label", {
-							htmlFor: g,
-							className: "sr-only",
-							children: x("pages.search.searchLabel", { defaultValue: "Search store products" })
-						}),
-						/* @__PURE__ */ l("input", {
-							id: g,
-							"aria-label": x("pages.search.searchLabel", { defaultValue: "Search store products" }),
-							value: y,
-							onChange: (e) => b(e.target.value),
-							onKeyDown: (e) => {
-								e.key === "Enter" && k();
-							},
-							placeholder: "Search apps, workflows, integrations...",
-							className: "w-full rounded-lg border border-border-default bg-bg-sunken px-3 py-2 text-sm text-text-primary outline-none focus:border-action-primary-bg"
-						}),
-						/* @__PURE__ */ u("button", {
-							type: "button",
-							onClick: k,
-							className: "inline-flex cursor-pointer items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-semibold text-action-primary-text",
-							children: [/* @__PURE__ */ l(s, { className: "size-4" }), " Search"]
-						})
-					]
-				})]
-			})
-		}), /* @__PURE__ */ l("main", {
-			className: "flex-1 overflow-y-auto p-6",
-			children: /* @__PURE__ */ u("div", {
-				className: "mx-auto max-w-6xl",
-				children: [/* @__PURE__ */ l("p", {
-					"aria-live": "polite",
-					className: "mb-4 text-sm text-text-muted",
-					children: S ? x("pages.search.resultsFor", {
-						defaultValue: `${w} results for "${S}"`,
-						query: S,
-						count: w
-					}) : x("pages.search.enterQuery", { defaultValue: "Enter a query to search" })
-				}), E && C.length === 0 ? /* @__PURE__ */ l("p", {
-					role: "status",
-					className: "text-sm text-text-muted",
-					children: "Searching…"
-				}) : D ? /* @__PURE__ */ l("p", {
-					role: "alert",
-					className: "text-sm text-status-error-text",
-					children: D.message
-				}) : C.length === 0 ? /* @__PURE__ */ l("p", {
-					className: "text-sm text-text-muted",
-					children: "No matching products found."
-				}) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("ul", {
-					className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: C.map((e) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(p, {
-						product: e,
-						noDesc: x("common.noResults", { defaultValue: "No description available." }),
-						onOpen: (e) => m(`${h}/marketplace/product/${e}`)
-					}) }, e.id))
-				}), T && /* @__PURE__ */ l("div", {
-					className: "flex justify-center pt-4",
-					children: /* @__PURE__ */ l("button", {
-						type: "button",
-						onClick: O,
-						disabled: E,
-						className: "rounded-lg border border-border-default px-6 py-2.5 text-sm font-medium text-text-primary hover:bg-bg-subtle disabled:opacity-50",
-						children: E ? "Loading…" : "Load more"
-					})
-				})] })]
-			})
-		})]
-	});
-};
-//#endregion
-export { m as SearchResultsPage };
-
-//# sourceMappingURL=SearchResultsPage.js.map

package/dist/pages/SearchResultsPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchResultsPage.js","names":[],"sources":["../../src/pages/SearchResultsPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useMemo, useState, useId } from 'react';\nimport { useNavigate, useSearchParams } from 'react-router-dom';\nimport { ArrowLeft, Search } from 'lucide-react';\nimport { useStore } from '../providers/StoreProvider';\nimport { useBrowseStoreWithContext, type StoreProduct } from '../hooks/useStoreGraphQL';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\nconst SearchResultCard: FC<{\n  product: StoreProduct;\n  onOpen: (id: string) => void;\n  noDesc: string;\n}> = ({ product, onOpen, noDesc }) => (\n  <button\n    type=\"button\"\n    onClick={() => onOpen(product.id)}\n    className=\"cursor-pointer rounded-xl border border-border-default bg-bg-surface p-4 text-left transition-colors hover:bg-bg-sunken\"\n  >\n    <h3 className=\"font-semibold text-text-primary\">{product.name}</h3>\n    <p className=\"mt-1 text-xs text-text-muted\">{product.type}</p>\n    <p className=\"mt-2 text-sm text-text-muted line-clamp-2\">{product.description || noDesc}</p>\n  </button>\n);\n\nexport const SearchResultsPage: FC = () => {\n  const navigate = useNavigate();\n  const { basePath } = useStore();\n  const searchInputId = useId();\n  const [searchParams, setSearchParams] = useSearchParams();\n  const initialQuery = searchParams.get('q') ?? '';\n  const [query, setQuery] = useState(initialQuery);\n  const { t } = useI18n();\n\n  const trimmedQuery = useMemo(() => query.trim(), [query]);\n  const { products, totalCount, hasMore, loading, error, loadMore } = useBrowseStoreWithContext({\n    filter: trimmedQuery ? { search: trimmedQuery } : undefined,\n    pagination: { limit: 30 },\n  });\n\n  const handleSearch = () => {\n    const next = query.trim();\n    if (next) {\n      setSearchParams({ q: next });\n    } else {\n      setSearchParams({});\n    }\n  };\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      <header className=\"border-b border-border-default bg-bg-surface px-6 py-4\">\n        <div className=\"mx-auto max-w-6xl\">\n          <div className=\"mb-3 flex items-center gap-3\">\n            <button\n              type=\"button\"\n              onClick={() => navigate(-1)}\n              aria-label=\"Go back\"\n              className=\"cursor-pointer rounded-lg p-2 text-text-muted hover:bg-bg-sunken hover:text-text-primary\"\n            >\n              <ArrowLeft className=\"size-5\" />\n            </button>\n            <h1 className=\"text-2xl font-bold text-text-primary\">\n              {t('pages.search.title', { defaultValue: 'Search Results' })}\n            </h1>\n          </div>\n          <div className=\"flex gap-2\">\n            <label htmlFor={searchInputId} className=\"sr-only\">\n              {t('pages.search.searchLabel', { defaultValue: 'Search store products' })}\n            </label>\n            <input\n              id={searchInputId}\n              aria-label={t('pages.search.searchLabel', { defaultValue: 'Search store products' })}\n              value={query}\n              onChange={(e) => setQuery(e.target.value)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter') handleSearch();\n              }}\n              placeholder=\"Search apps, workflows, integrations...\"\n              className=\"w-full rounded-lg border border-border-default bg-bg-sunken px-3 py-2 text-sm text-text-primary outline-none focus:border-action-primary-bg\"\n            />\n            <button\n              type=\"button\"\n              onClick={handleSearch}\n              className=\"inline-flex cursor-pointer items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-semibold text-action-primary-text\"\n            >\n              <Search className=\"size-4\" /> Search\n            </button>\n          </div>\n        </div>\n      </header>\n\n      <main className=\"flex-1 overflow-y-auto p-6\">\n        <div className=\"mx-auto max-w-6xl\">\n          <p aria-live=\"polite\" className=\"mb-4 text-sm text-text-muted\">\n            {trimmedQuery\n              ? t('pages.search.resultsFor', {\n                  defaultValue: `${totalCount} results for \"${trimmedQuery}\"`,\n                  query: trimmedQuery,\n                  count: totalCount,\n                })\n              : t('pages.search.enterQuery', { defaultValue: 'Enter a query to search' })}\n          </p>\n          {loading && products.length === 0 ? (\n            <p role=\"status\" className=\"text-sm text-text-muted\">\n              Searching…\n            </p>\n          ) : error ? (\n            <p role=\"alert\" className=\"text-sm text-status-error-text\">\n              {error.message}\n            </p>\n          ) : products.length === 0 ? (\n            <p className=\"text-sm text-text-muted\">No matching products found.</p>\n          ) : (\n            <>\n              <ul className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n                {products.map((product) => (\n                  <li key={product.id}>\n                    <SearchResultCard\n                      product={product}\n                      noDesc={t('common.noResults', { defaultValue: 'No description available.' })}\n                      onOpen={(id) => navigate(`${basePath}/marketplace/product/${id}`)}\n                    />\n                  </li>\n                ))}\n              </ul>\n              {hasMore && (\n                <div className=\"flex justify-center pt-4\">\n                  <button\n                    type=\"button\"\n                    onClick={loadMore}\n                    disabled={loading}\n                    className=\"rounded-lg border border-border-default px-6 py-2.5 text-sm font-medium text-text-primary hover:bg-bg-subtle disabled:opacity-50\"\n                  >\n                    {loading ? 'Loading\\u2026' : 'Load more'}\n                  </button>\n                </div>\n              )}\n            </>\n          )}\n        </div>\n      </main>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/pages/StoresPage.js

@@ -1,153 +0,0 @@
-import { useStore as e } from "../providers/StoreProvider.js";
-import { useCallback as t, useEffect as n, useState as r } from "react";
-import { Check as i, Plus as a, RefreshCw as o, Store as s } from "lucide-react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { graphqlFetch as u } from "@burdenoff/fe-libs/shared/graphql";
-//#region src/pages/StoresPage.tsx
-var d = "\n  query BrowseableStores {\n    stores {\n      id\n      slug\n      name\n      type\n      isPublic\n      requiresApproval\n      currency\n      logoUrl\n      description\n    }\n    mySubscribedStores {\n      id\n    }\n  }\n", f = "\n  mutation Subscribe($storeId: ID!) {\n    subscribeToStore(storeId: $storeId) {\n      id\n      storeId\n    }\n  }\n", p = "\n  mutation Unsubscribe($storeId: ID!) {\n    unsubscribeFromStore(storeId: $storeId)\n  }\n", m = () => {
-	let { authToken: m } = e(), [h, g] = r([]), [_, v] = r(/* @__PURE__ */ new Set()), [y, b] = r(!1), [x, S] = r(null), [C, w] = r(null), T = t(async () => {
-		b(!0), w(null);
-		try {
-			let e = await u({
-				gateway: "global",
-				query: d,
-				authToken: m || void 0
-			});
-			if (e.errors?.length) throw Error(e.errors[0]?.message ?? "Failed to load stores");
-			g(e.data?.stores ?? []), v(new Set((e.data?.mySubscribedStores ?? []).map((e) => e.id)));
-		} catch (e) {
-			w(e instanceof Error ? e.message : "Failed to load stores");
-		} finally {
-			b(!1);
-		}
-	}, [m]);
-	n(() => {
-		T();
-	}, [T]);
-	let E = async (e) => {
-		S(e), w(null);
-		try {
-			let t = _.has(e);
-			await u({
-				gateway: "global",
-				query: t ? p : f,
-				variables: { storeId: e },
-				authToken: m || void 0
-			}), v((n) => {
-				let r = new Set(n);
-				return t ? r.delete(e) : r.add(e), r;
-			});
-		} catch (e) {
-			w(e instanceof Error ? e.message : "Action failed");
-		} finally {
-			S(null);
-		}
-	};
-	return /* @__PURE__ */ l("div", {
-		className: "min-h-screen bg-surface-default",
-		children: [/* @__PURE__ */ c("header", {
-			className: "border-b border-border-default bg-surface-raised",
-			children: /* @__PURE__ */ l("div", {
-				className: "mx-auto max-w-5xl px-6 py-4",
-				children: [/* @__PURE__ */ l("div", {
-					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ l("div", {
-						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ c(s, { className: "size-5 text-text-primary" }), /* @__PURE__ */ c("h1", {
-							className: "text-xl font-semibold text-text-primary",
-							children: "Stores"
-						})]
-					}), /* @__PURE__ */ l("button", {
-						type: "button",
-						onClick: () => void T(),
-						disabled: y,
-						className: "inline-flex items-center gap-2 rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary hover:bg-surface-hover",
-						children: [/* @__PURE__ */ c(o, { className: `size-4 ${y ? "animate-spin" : ""}` }), "Refresh"]
-					})]
-				}), /* @__PURE__ */ c("p", {
-					className: "mt-1 text-sm text-text-secondary",
-					children: "Subscribe to additional stores to discover more products. Public stores are auto-subscribed."
-				})]
-			})
-		}), /* @__PURE__ */ l("main", {
-			className: "mx-auto max-w-5xl p-6",
-			children: [C && /* @__PURE__ */ c("div", {
-				role: "alert",
-				className: "mb-4 rounded-md border border-border-danger bg-surface-danger-muted px-4 py-3 text-sm text-text-danger",
-				children: C
-			}), y && h.length === 0 ? /* @__PURE__ */ c("output", {
-				className: "block py-16 text-center text-text-secondary",
-				children: "Loading stores…"
-			}) : h.length === 0 ? /* @__PURE__ */ c("div", {
-				className: "py-16 text-center text-text-secondary",
-				children: "No stores available."
-			}) : /* @__PURE__ */ c("ul", {
-				className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-				children: h.map((e) => {
-					let t = _.has(e.id);
-					return /* @__PURE__ */ l("li", {
-						className: "rounded-lg border border-border-default bg-surface-raised p-4",
-						children: [/* @__PURE__ */ l("div", {
-							className: "flex items-start gap-3",
-							children: [e.logoUrl ? /* @__PURE__ */ c("img", {
-								src: e.logoUrl,
-								alt: "",
-								className: "size-12 flex-shrink-0 rounded-md object-cover"
-							}) : /* @__PURE__ */ c("div", {
-								className: "flex size-12 flex-shrink-0 items-center justify-center rounded-md bg-surface-muted text-xs text-text-secondary",
-								children: /* @__PURE__ */ c(s, { className: "size-5" })
-							}), /* @__PURE__ */ l("div", {
-								className: "min-w-0 flex-1",
-								children: [
-									/* @__PURE__ */ l("div", {
-										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ c("h3", {
-											className: "truncate text-base font-semibold text-text-primary",
-											children: e.name
-										}), /* @__PURE__ */ c("span", {
-											className: "rounded-full bg-surface-accent-muted px-2 py-0.5 text-xs font-medium text-text-accent",
-											children: e.type
-										})]
-									}),
-									/* @__PURE__ */ c("p", {
-										className: "mt-0.5 font-mono text-xs text-text-tertiary",
-										children: e.slug
-									}),
-									e.description && /* @__PURE__ */ c("p", {
-										className: "mt-2 line-clamp-2 text-sm text-text-secondary",
-										children: e.description
-									})
-								]
-							})]
-						}), /* @__PURE__ */ l("div", {
-							className: "mt-3 flex items-center justify-between",
-							children: [/* @__PURE__ */ c("span", {
-								className: "text-xs text-text-tertiary",
-								children: e.currency
-							}), e.slug === "public" ? /* @__PURE__ */ l("span", {
-								className: "inline-flex items-center gap-1 rounded-md bg-surface-accent-muted px-2 py-1 text-xs text-text-accent",
-								children: [/* @__PURE__ */ c(i, { className: "size-3" }), "Default"]
-							}) : t ? /* @__PURE__ */ l("button", {
-								type: "button",
-								onClick: () => void E(e.id),
-								disabled: x === e.id,
-								className: "inline-flex items-center gap-1 rounded-md border border-border-default bg-surface-default px-3 py-1 text-xs text-text-primary hover:bg-surface-hover disabled:opacity-60",
-								children: [/* @__PURE__ */ c(i, { className: "size-3" }), "Subscribed"]
-							}) : /* @__PURE__ */ l("button", {
-								type: "button",
-								onClick: () => void E(e.id),
-								disabled: x === e.id,
-								className: "inline-flex items-center gap-1 rounded-md bg-action-primary-bg px-3 py-1 text-xs font-medium text-action-primary-text hover:opacity-90 disabled:opacity-60",
-								children: [/* @__PURE__ */ c(a, { className: "size-3" }), "Subscribe"]
-							})]
-						})]
-					}, e.id);
-				})
-			})]
-		})]
-	});
-};
-//#endregion
-export { m as StoresPage };
-
-//# sourceMappingURL=StoresPage.js.map

package/dist/pages/StoresPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StoresPage.js","names":[],"sources":["../../src/pages/StoresPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useCallback, useEffect, useState } from 'react';\nimport { Store as StoreIcon, Check, Plus, RefreshCw } from 'lucide-react';\nimport { graphqlFetch } from '@burdenoff/fe-libs/shared/graphql';\nimport { useStore } from '../providers/StoreProvider';\n\ntype StoreRecord = {\n  id: string;\n  slug: string;\n  name: string;\n  type: 'PUBLIC' | 'PRIVATE' | 'ENTERPRISE';\n  isPublic: boolean;\n  requiresApproval: boolean;\n  currency: string;\n  logoUrl?: string | null;\n  description?: string | null;\n};\n\nconst STORES_QUERY = /* GraphQL */ `\n  query BrowseableStores {\n    stores {\n      id\n      slug\n      name\n      type\n      isPublic\n      requiresApproval\n      currency\n      logoUrl\n      description\n    }\n    mySubscribedStores {\n      id\n    }\n  }\n`;\n\nconst SUBSCRIBE_MUTATION = /* GraphQL */ `\n  mutation Subscribe($storeId: ID!) {\n    subscribeToStore(storeId: $storeId) {\n      id\n      storeId\n    }\n  }\n`;\n\nconst UNSUBSCRIBE_MUTATION = /* GraphQL */ `\n  mutation Unsubscribe($storeId: ID!) {\n    unsubscribeFromStore(storeId: $storeId)\n  }\n`;\n\nexport const StoresPage: FC = () => {\n  const { authToken } = useStore();\n  const [stores, setStores] = useState<StoreRecord[]>([]);\n  const [subscribed, setSubscribed] = useState<Set<string>>(new Set());\n  const [loading, setLoading] = useState(false);\n  const [actingId, setActingId] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  const load = useCallback(async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      const result = await graphqlFetch<{\n        stores: StoreRecord[];\n        mySubscribedStores: Array<{ id: string }>;\n      }>({\n        gateway: 'global',\n        query: STORES_QUERY,\n        authToken: authToken || undefined,\n      });\n      if (result.errors?.length) {\n        throw new Error(result.errors[0]?.message ?? 'Failed to load stores');\n      }\n      setStores(result.data?.stores ?? []);\n      setSubscribed(new Set((result.data?.mySubscribedStores ?? []).map((s) => s.id)));\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to load stores');\n    } finally {\n      setLoading(false);\n    }\n  }, [authToken]);\n\n  useEffect(() => {\n    void load();\n  }, [load]);\n\n  const toggle = async (storeId: string) => {\n    setActingId(storeId);\n    setError(null);\n    try {\n      const isSubbed = subscribed.has(storeId);\n      await graphqlFetch({\n        gateway: 'global',\n        query: isSubbed ? UNSUBSCRIBE_MUTATION : SUBSCRIBE_MUTATION,\n        variables: { storeId },\n        authToken: authToken || undefined,\n      });\n      setSubscribed((prev) => {\n        const next = new Set(prev);\n        if (isSubbed) next.delete(storeId);\n        else next.add(storeId);\n        return next;\n      });\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Action failed');\n    } finally {\n      setActingId(null);\n    }\n  };\n\n  return (\n    <div className=\"min-h-screen bg-surface-default\">\n      <header className=\"border-b border-border-default bg-surface-raised\">\n        <div className=\"mx-auto max-w-5xl px-6 py-4\">\n          <div className=\"flex items-center justify-between\">\n            <div className=\"flex items-center gap-2\">\n              <StoreIcon className=\"size-5 text-text-primary\" />\n              <h1 className=\"text-xl font-semibold text-text-primary\">Stores</h1>\n            </div>\n            <button\n              type=\"button\"\n              onClick={() => void load()}\n              disabled={loading}\n              className=\"inline-flex items-center gap-2 rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary hover:bg-surface-hover\"\n            >\n              <RefreshCw className={`size-4 ${loading ? 'animate-spin' : ''}`} />\n              Refresh\n            </button>\n          </div>\n          <p className=\"mt-1 text-sm text-text-secondary\">\n            Subscribe to additional stores to discover more products. Public stores are\n            auto-subscribed.\n          </p>\n        </div>\n      </header>\n\n      <main className=\"mx-auto max-w-5xl p-6\">\n        {error && (\n          <div\n            role=\"alert\"\n            className=\"mb-4 rounded-md border border-border-danger bg-surface-danger-muted px-4 py-3 text-sm text-text-danger\"\n          >\n            {error}\n          </div>\n        )}\n\n        {loading && stores.length === 0 ? (\n          <output className=\"block py-16 text-center text-text-secondary\">Loading stores…</output>\n        ) : stores.length === 0 ? (\n          <div className=\"py-16 text-center text-text-secondary\">No stores available.</div>\n        ) : (\n          <ul className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n            {stores.map((s) => {\n              const isSubbed = subscribed.has(s.id);\n              return (\n                <li\n                  key={s.id}\n                  className=\"rounded-lg border border-border-default bg-surface-raised p-4\"\n                >\n                  <div className=\"flex items-start gap-3\">\n                    {s.logoUrl ? (\n                      <img\n                        src={s.logoUrl}\n                        alt=\"\"\n                        className=\"size-12 flex-shrink-0 rounded-md object-cover\"\n                      />\n                    ) : (\n                      <div className=\"flex size-12 flex-shrink-0 items-center justify-center rounded-md bg-surface-muted text-xs text-text-secondary\">\n                        <StoreIcon className=\"size-5\" />\n                      </div>\n                    )}\n                    <div className=\"min-w-0 flex-1\">\n                      <div className=\"flex items-center gap-2\">\n                        <h3 className=\"truncate text-base font-semibold text-text-primary\">\n                          {s.name}\n                        </h3>\n                        <span className=\"rounded-full bg-surface-accent-muted px-2 py-0.5 text-xs font-medium text-text-accent\">\n                          {s.type}\n                        </span>\n                      </div>\n                      <p className=\"mt-0.5 font-mono text-xs text-text-tertiary\">{s.slug}</p>\n                      {s.description && (\n                        <p className=\"mt-2 line-clamp-2 text-sm text-text-secondary\">\n                          {s.description}\n                        </p>\n                      )}\n                    </div>\n                  </div>\n                  <div className=\"mt-3 flex items-center justify-between\">\n                    <span className=\"text-xs text-text-tertiary\">{s.currency}</span>\n                    {s.slug === 'public' ? (\n                      <span className=\"inline-flex items-center gap-1 rounded-md bg-surface-accent-muted px-2 py-1 text-xs text-text-accent\">\n                        <Check className=\"size-3\" />\n                        Default\n                      </span>\n                    ) : isSubbed ? (\n                      <button\n                        type=\"button\"\n                        onClick={() => void toggle(s.id)}\n                        disabled={actingId === s.id}\n                        className=\"inline-flex items-center gap-1 rounded-md border border-border-default bg-surface-default px-3 py-1 text-xs text-text-primary hover:bg-surface-hover disabled:opacity-60\"\n                      >\n                        <Check className=\"size-3\" />\n                        Subscribed\n                      </button>\n                    ) : (\n                      <button\n                        type=\"button\"\n                        onClick={() => void toggle(s.id)}\n                        disabled={actingId === s.id}\n                        className=\"inline-flex items-center gap-1 rounded-md bg-action-primary-bg px-3 py-1 text-xs font-medium text-action-primary-text hover:opacity-90 disabled:opacity-60\"\n                      >\n                        <Plus className=\"size-3\" />\n                        Subscribe\n                      </button>\n                    )}\n                  </div>\n                </li>\n              );\n            })}\n          </ul>\n        )}\n      </main>\n    </div>\n  );\n};\n"],"mappings":"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"}