@burdenoff/microfe-store 2026.801.1 → 2026.819.1

package/dist/pages/SellerSourcingOpportunitiesPage.js

@@ -0,0 +1,272 @@
+import { useStore as e } from "../providers/StoreProvider.js";
+import { useSourcingApi as t } from "../hooks/useSourcing.js";
+import { usePublisherSourcingAccess as n } from "../providers/SourcingAccessProvider.js";
+import { ContextRequiredPanel as r, SourcingEmptyState as ee, SourcingErrorState as i, SourcingLoadingState as a, SourcingPageHeader as o, formatDate as s, formatLocation as c, formatMoney as l, formatSourcingUnit as u, inputClassName as d, joinStorePath as f, primaryButtonClassName as te, secondaryButtonClassName as p, toErrorMessage as ne } from "../components/sourcing/SourcingUi.js";
+import { useCallback as m, useEffect as h, useState as g } from "react";
+import { useNavigate as re } from "react-router";
+import { ArrowRight as ie, BadgeCheck as _, CalendarDays as v, MapPin as y, PackageSearch as b, RefreshCw as x, Tags as S, TicketCheck as C } from "lucide-react";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { GlassCard as D, PagePurpose as O } from "@burdenoff/fe-libs/ui";
+//#region src/pages/SellerSourcingOpportunitiesPage.tsx
+var k = 30;
+function A(e) {
+	return e.trim().toLowerCase().replaceAll(/[_\s]+/g, "-").replaceAll(/-+/g, "-");
+}
+var j = () => {
+	let j = re(), { basePath: M } = e(), { profile: N, loading: P, error: F, isEligible: I, refresh: L } = n(), { listOpportunities: R } = t(), [z, B] = g([]), [V, H] = g(""), [U, W] = g(""), [G, K] = g(0), [q, J] = g(!1), [Y, X] = g(!1), [Z, Q] = g(null), $ = m(async (e = 0, t = !1) => {
+		if (I) {
+			X(!0), Q(null);
+			try {
+				let n = await R({
+					category: U || void 0,
+					limit: k,
+					offset: e
+				});
+				B((e) => t ? [...e, ...n] : n), K(e), J(n.length === k);
+			} catch (e) {
+				Q(ne(e, "Sourcing opportunities could not be loaded."));
+			} finally {
+				X(!1);
+			}
+		}
+	}, [
+		U,
+		I,
+		R
+	]);
+	return h(() => {
+		$();
+	}, [$]), /* @__PURE__ */ E("div", {
+		className: "min-h-full bg-surface-default",
+		children: [/* @__PURE__ */ T(o, {
+			title: "Sourcing opportunities",
+			description: "Respond to open buyer requests as your verified Store Publisher.",
+			icon: /* @__PURE__ */ T(b, {
+				className: "size-5",
+				"aria-hidden": "true"
+			}),
+			actions: /* @__PURE__ */ E("button", {
+				type: "button",
+				onClick: () => j(f(M, "publisher/sourcing/offers")),
+				className: p,
+				children: [/* @__PURE__ */ T(C, {
+					className: "size-4",
+					"aria-hidden": "true"
+				}), "My offers"]
+			})
+		}), /* @__PURE__ */ E("main", {
+			className: "mx-auto max-w-6xl px-4 py-6 sm:px-6",
+			children: [/* @__PURE__ */ T(O, {
+				className: "mb-6",
+				children: "Opportunities contain only the buyer's sanitized request details. Your offer must match the requested quantity and unit, use the Store's USD settlement currency, and promise delivery within the requested window. One active offer per publisher can be updated until the request closes."
+			}), P ? /* @__PURE__ */ T(a, { label: "Checking Store Publisher access…" }) : F ? /* @__PURE__ */ T(i, {
+				title: "Publisher access could not be checked",
+				message: F,
+				onRetry: () => void L()
+			}) : N ? I ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("div", {
+				className: "mb-5 rounded-xl border border-border-seam bg-surface-raised p-4",
+				children: /* @__PURE__ */ E("div", {
+					className: "flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between",
+					children: [/* @__PURE__ */ E("form", {
+						onSubmit: (e) => {
+							e.preventDefault(), W(A(V));
+						},
+						className: "flex flex-col gap-2 sm:flex-row sm:items-end",
+						children: [/* @__PURE__ */ E("label", {
+							className: "block min-w-0 sm:w-72",
+							children: [/* @__PURE__ */ T("span", {
+								className: "text-sm font-medium text-text-primary",
+								children: "Filter by category"
+							}), /* @__PURE__ */ E("div", {
+								className: "relative",
+								children: [/* @__PURE__ */ T(S, {
+									className: "pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-text-tertiary",
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ T("input", {
+									type: "text",
+									value: V,
+									onChange: (e) => H(e.target.value),
+									maxLength: 64,
+									placeholder: "food-grains",
+									className: `${d} pl-9`
+								})]
+							})]
+						}), /* @__PURE__ */ E("div", {
+							className: "flex gap-2",
+							children: [/* @__PURE__ */ T("button", {
+								type: "submit",
+								className: te,
+								children: "Apply"
+							}), U ? /* @__PURE__ */ T("button", {
+								type: "button",
+								onClick: () => {
+									H(""), W("");
+								},
+								className: p,
+								children: "Clear"
+							}) : null]
+						})]
+					}), /* @__PURE__ */ E("div", {
+						className: "flex flex-wrap items-center gap-3",
+						children: [/* @__PURE__ */ E("span", {
+							className: "inline-flex items-center gap-1.5 text-sm text-text-secondary",
+							children: [
+								/* @__PURE__ */ T(_, {
+									className: "size-4 text-text-accent",
+									"aria-hidden": "true"
+								}),
+								"Offering as ",
+								N.name
+							]
+						}), /* @__PURE__ */ E("button", {
+							type: "button",
+							onClick: () => void $(),
+							disabled: Y,
+							className: p,
+							children: [/* @__PURE__ */ T(x, {
+								className: `size-4 ${Y ? "animate-spin" : ""}`,
+								"aria-hidden": "true"
+							}), "Refresh"]
+						})]
+					})]
+				})
+			}), Y && z.length === 0 ? /* @__PURE__ */ T(a, { label: "Loading open opportunities…" }) : Z && z.length === 0 ? /* @__PURE__ */ T(i, {
+				title: "Opportunities could not be loaded",
+				message: Z,
+				onRetry: () => void $()
+			}) : z.length === 0 ? /* @__PURE__ */ T(ee, {
+				title: U ? "No open opportunities in this category" : "No open opportunities",
+				description: U ? "Clear the category filter or check again later for new buyer requests." : "New sanitized requests from buyers will appear here while they are open."
+			}) : /* @__PURE__ */ E(w, { children: [
+				Z ? /* @__PURE__ */ T("div", {
+					role: "alert",
+					className: "mb-4 rounded-lg border border-border-danger bg-surface-danger-muted px-4 py-3 text-sm text-text-danger",
+					children: Z
+				}) : null,
+				/* @__PURE__ */ T("ul", {
+					className: "grid gap-4 md:grid-cols-2 xl:grid-cols-3",
+					children: z.map((e) => /* @__PURE__ */ T("li", { children: /* @__PURE__ */ E(D, {
+						className: "flex h-full flex-col p-5",
+						children: [
+							/* @__PURE__ */ E("div", {
+								className: "flex items-start justify-between gap-3",
+								children: [/* @__PURE__ */ E("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ T("p", {
+										className: "truncate text-xs font-semibold uppercase tracking-wide text-text-accent",
+										children: e.category
+									}), /* @__PURE__ */ T("h2", {
+										className: "mt-1 line-clamp-2 text-lg font-semibold text-text-primary",
+										children: e.productName
+									})]
+								}), /* @__PURE__ */ T("span", {
+									className: "rounded-full border border-status-success-border bg-status-success-bg-subtle px-2.5 py-1 text-xs font-semibold text-status-success-text",
+									children: "OPEN"
+								})]
+							}),
+							e.summary ? /* @__PURE__ */ T("p", {
+								className: "mt-3 line-clamp-3 text-sm leading-6 text-text-secondary",
+								children: e.summary
+							}) : null,
+							/* @__PURE__ */ E("dl", {
+								className: "mt-5 space-y-3 text-sm",
+								children: [
+									/* @__PURE__ */ E("div", {
+										className: "flex items-start gap-2",
+										children: [/* @__PURE__ */ T(b, {
+											className: "mt-0.5 size-4 shrink-0 text-text-tertiary",
+											"aria-hidden": "true"
+										}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
+											className: "text-xs text-text-tertiary",
+											children: "Quantity"
+										}), /* @__PURE__ */ E("dd", {
+											className: "font-medium text-text-primary",
+											children: [
+												e.quantity.toLocaleString(),
+												" ",
+												u(e.unit)
+											]
+										})] })]
+									}),
+									/* @__PURE__ */ E("div", {
+										className: "flex items-start gap-2",
+										children: [/* @__PURE__ */ T(v, {
+											className: "mt-0.5 size-4 shrink-0 text-text-tertiary",
+											"aria-hidden": "true"
+										}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
+											className: "text-xs text-text-tertiary",
+											children: "Deliver by"
+										}), /* @__PURE__ */ E("dd", {
+											className: "font-medium text-text-primary",
+											children: [
+												s(e.deliveryWindowStart),
+												" –",
+												" ",
+												s(e.deliveryWindowEnd)
+											]
+										})] })]
+									}),
+									/* @__PURE__ */ E("div", {
+										className: "flex items-start gap-2",
+										children: [/* @__PURE__ */ T(y, {
+											className: "mt-0.5 size-4 shrink-0 text-text-tertiary",
+											"aria-hidden": "true"
+										}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
+											className: "text-xs text-text-tertiary",
+											children: "Destination"
+										}), /* @__PURE__ */ T("dd", {
+											className: "font-medium text-text-primary",
+											children: c({
+												country: e.deliveryCountry,
+												region: e.deliveryRegion,
+												city: e.deliveryCity
+											})
+										})] })]
+									})
+								]
+							}),
+							/* @__PURE__ */ E("div", {
+								className: "mt-auto flex items-end justify-between gap-3 border-t border-border-seam pt-4",
+								children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+									className: "text-xs text-text-tertiary",
+									children: "Buyer target"
+								}), /* @__PURE__ */ T("p", {
+									className: "text-sm font-semibold text-text-primary",
+									children: l(e.targetUnitPrice, e.targetCurrency)
+								})] }), /* @__PURE__ */ E("button", {
+									type: "button",
+									onClick: () => j(f(M, `publisher/sourcing/opportunities/${e.id}`)),
+									className: p,
+									children: ["View and offer", /* @__PURE__ */ T(ie, {
+										className: "size-4",
+										"aria-hidden": "true"
+									})]
+								})]
+							})
+						]
+					}) }, e.id))
+				}),
+				q ? /* @__PURE__ */ T("div", {
+					className: "mt-6 flex justify-center",
+					children: /* @__PURE__ */ T("button", {
+						type: "button",
+						onClick: () => void $(G + k, !0),
+						disabled: Y,
+						className: p,
+						children: Y ? "Loading…" : "Load more"
+					})
+				}) : null
+			] })] }) : /* @__PURE__ */ T(r, {
+				title: "Verified publisher status required",
+				description: `The publisher profile “${N.name}” is currently ${N.verificationStatus.toLowerCase().replaceAll("_", " ")}. Opportunities become available after Store verification is active.`
+			}) : /* @__PURE__ */ T(r, {
+				title: "Store Publisher profile required",
+				description: "Only users who own a verified Store Publisher profile can discover sourcing opportunities or submit offers."
+			})]
+		})]
+	});
+};
+//#endregion
+export { j as SellerSourcingOpportunitiesPage };
+
+//# sourceMappingURL=SellerSourcingOpportunitiesPage.js.map

package/dist/pages/SellerSourcingOpportunitiesPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SellerSourcingOpportunitiesPage.js","names":[],"sources":["../../src/pages/SellerSourcingOpportunitiesPage.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport type { FC, FormEvent } from 'react';\nimport { useNavigate } from 'react-router';\nimport {\n  ArrowRight,\n  BadgeCheck,\n  CalendarDays,\n  MapPin,\n  PackageSearch,\n  RefreshCw,\n  Tags,\n  TicketCheck,\n} from 'lucide-react';\nimport { GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useStore } from '../providers/StoreProvider';\nimport { type SellerSourcingOpportunity, useSourcingApi } from '../hooks/useSourcing';\nimport { usePublisherSourcingAccess } from '../providers/SourcingAccessProvider';\nimport {\n  ContextRequiredPanel,\n  formatDate,\n  formatLocation,\n  formatMoney,\n  formatSourcingUnit,\n  inputClassName,\n  joinStorePath,\n  primaryButtonClassName,\n  secondaryButtonClassName,\n  SourcingEmptyState,\n  SourcingErrorState,\n  SourcingLoadingState,\n  SourcingPageHeader,\n  toErrorMessage,\n} from '../components/sourcing/SourcingUi';\n\nconst PAGE_SIZE = 30;\n\nfunction normalizeCategory(value: string): string {\n  return value\n    .trim()\n    .toLowerCase()\n    .replaceAll(/[_\\s]+/g, '-')\n    .replaceAll(/-+/g, '-');\n}\n\nexport const SellerSourcingOpportunitiesPage: FC = () => {\n  const navigate = useNavigate();\n  const { basePath } = useStore();\n  const {\n    profile,\n    loading: accessLoading,\n    error: accessError,\n    isEligible,\n    refresh: refreshAccess,\n  } = usePublisherSourcingAccess();\n  const { listOpportunities } = useSourcingApi();\n  const [opportunities, setOpportunities] = useState<SellerSourcingOpportunity[]>([]);\n  const [categoryInput, setCategoryInput] = useState('');\n  const [category, setCategory] = useState('');\n  const [offset, setOffset] = useState(0);\n  const [hasMore, setHasMore] = useState(false);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const load = useCallback(\n    async (nextOffset = 0, append = false) => {\n      if (!isEligible) return;\n      setLoading(true);\n      setError(null);\n      try {\n        const result = await listOpportunities({\n          category: category || undefined,\n          limit: PAGE_SIZE,\n          offset: nextOffset,\n        });\n        setOpportunities((current) => (append ? [...current, ...result] : result));\n        setOffset(nextOffset);\n        setHasMore(result.length === PAGE_SIZE);\n      } catch (loadError) {\n        setError(toErrorMessage(loadError, 'Sourcing opportunities could not be loaded.'));\n      } finally {\n        setLoading(false);\n      }\n    },\n    [category, isEligible, listOpportunities]\n  );\n\n  useEffect(() => {\n    void load();\n  }, [load]);\n\n  const applyCategory = (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    setCategory(normalizeCategory(categoryInput));\n  };\n\n  const clearCategory = () => {\n    setCategoryInput('');\n    setCategory('');\n  };\n\n  return (\n    <div className=\"min-h-full bg-surface-default\">\n      <SourcingPageHeader\n        title=\"Sourcing opportunities\"\n        description=\"Respond to open buyer requests as your verified Store Publisher.\"\n        icon={<PackageSearch className=\"size-5\" aria-hidden=\"true\" />}\n        actions={\n          <button\n            type=\"button\"\n            onClick={() => navigate(joinStorePath(basePath, 'publisher/sourcing/offers'))}\n            className={secondaryButtonClassName}\n          >\n            <TicketCheck className=\"size-4\" aria-hidden=\"true\" />\n            My offers\n          </button>\n        }\n      />\n\n      <main className=\"mx-auto max-w-6xl px-4 py-6 sm:px-6\">\n        <PagePurpose className=\"mb-6\">\n          Opportunities contain only the buyer's sanitized request details. Your offer must match\n          the requested quantity and unit, use the Store's USD settlement currency, and promise\n          delivery within the requested window. One active offer per publisher can be updated until\n          the request closes.\n        </PagePurpose>\n\n        {accessLoading ? (\n          <SourcingLoadingState label=\"Checking Store Publisher access…\" />\n        ) : accessError ? (\n          <SourcingErrorState\n            title=\"Publisher access could not be checked\"\n            message={accessError}\n            onRetry={() => void refreshAccess()}\n          />\n        ) : !profile ? (\n          <ContextRequiredPanel\n            title=\"Store Publisher profile required\"\n            description=\"Only users who own a verified Store Publisher profile can discover sourcing opportunities or submit offers.\"\n          />\n        ) : !isEligible ? (\n          <ContextRequiredPanel\n            title=\"Verified publisher status required\"\n            description={`The publisher profile “${profile.name}” is currently ${profile.verificationStatus.toLowerCase().replaceAll('_', ' ')}. Opportunities become available after Store verification is active.`}\n          />\n        ) : (\n          <>\n            <div className=\"mb-5 rounded-xl border border-border-seam bg-surface-raised p-4\">\n              <div className=\"flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between\">\n                <form\n                  onSubmit={applyCategory}\n                  className=\"flex flex-col gap-2 sm:flex-row sm:items-end\"\n                >\n                  <label className=\"block min-w-0 sm:w-72\">\n                    <span className=\"text-sm font-medium text-text-primary\">\n                      Filter by category\n                    </span>\n                    <div className=\"relative\">\n                      <Tags\n                        className=\"pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-text-tertiary\"\n                        aria-hidden=\"true\"\n                      />\n                      <input\n                        type=\"text\"\n                        value={categoryInput}\n                        onChange={(event) => setCategoryInput(event.target.value)}\n                        maxLength={64}\n                        placeholder=\"food-grains\"\n                        className={`${inputClassName} pl-9`}\n                      />\n                    </div>\n                  </label>\n                  <div className=\"flex gap-2\">\n                    <button type=\"submit\" className={primaryButtonClassName}>\n                      Apply\n                    </button>\n                    {category ? (\n                      <button\n                        type=\"button\"\n                        onClick={clearCategory}\n                        className={secondaryButtonClassName}\n                      >\n                        Clear\n                      </button>\n                    ) : null}\n                  </div>\n                </form>\n\n                <div className=\"flex flex-wrap items-center gap-3\">\n                  <span className=\"inline-flex items-center gap-1.5 text-sm text-text-secondary\">\n                    <BadgeCheck className=\"size-4 text-text-accent\" aria-hidden=\"true\" />\n                    Offering as {profile.name}\n                  </span>\n                  <button\n                    type=\"button\"\n                    onClick={() => void load()}\n                    disabled={loading}\n                    className={secondaryButtonClassName}\n                  >\n                    <RefreshCw\n                      className={`size-4 ${loading ? 'animate-spin' : ''}`}\n                      aria-hidden=\"true\"\n                    />\n                    Refresh\n                  </button>\n                </div>\n              </div>\n            </div>\n\n            {loading && opportunities.length === 0 ? (\n              <SourcingLoadingState label=\"Loading open opportunities…\" />\n            ) : error && opportunities.length === 0 ? (\n              <SourcingErrorState\n                title=\"Opportunities could not be loaded\"\n                message={error}\n                onRetry={() => void load()}\n              />\n            ) : opportunities.length === 0 ? (\n              <SourcingEmptyState\n                title={\n                  category ? 'No open opportunities in this category' : 'No open opportunities'\n                }\n                description={\n                  category\n                    ? 'Clear the category filter or check again later for new buyer requests.'\n                    : 'New sanitized requests from buyers will appear here while they are open.'\n                }\n              />\n            ) : (\n              <>\n                {error ? (\n                  <div\n                    role=\"alert\"\n                    className=\"mb-4 rounded-lg border border-border-danger bg-surface-danger-muted px-4 py-3 text-sm text-text-danger\"\n                  >\n                    {error}\n                  </div>\n                ) : null}\n                <ul className=\"grid gap-4 md:grid-cols-2 xl:grid-cols-3\">\n                  {opportunities.map((opportunity) => (\n                    <li key={opportunity.id}>\n                      <GlassCard className=\"flex h-full flex-col p-5\">\n                        <div className=\"flex items-start justify-between gap-3\">\n                          <div className=\"min-w-0\">\n                            <p className=\"truncate text-xs font-semibold uppercase tracking-wide text-text-accent\">\n                              {opportunity.category}\n                            </p>\n                            <h2 className=\"mt-1 line-clamp-2 text-lg font-semibold text-text-primary\">\n                              {opportunity.productName}\n                            </h2>\n                          </div>\n                          <span className=\"rounded-full border border-status-success-border bg-status-success-bg-subtle px-2.5 py-1 text-xs font-semibold text-status-success-text\">\n                            OPEN\n                          </span>\n                        </div>\n\n                        {opportunity.summary ? (\n                          <p className=\"mt-3 line-clamp-3 text-sm leading-6 text-text-secondary\">\n                            {opportunity.summary}\n                          </p>\n                        ) : null}\n\n                        <dl className=\"mt-5 space-y-3 text-sm\">\n                          <div className=\"flex items-start gap-2\">\n                            <PackageSearch\n                              className=\"mt-0.5 size-4 shrink-0 text-text-tertiary\"\n                              aria-hidden=\"true\"\n                            />\n                            <div>\n                              <dt className=\"text-xs text-text-tertiary\">Quantity</dt>\n                              <dd className=\"font-medium text-text-primary\">\n                                {opportunity.quantity.toLocaleString()}{' '}\n                                {formatSourcingUnit(opportunity.unit)}\n                              </dd>\n                            </div>\n                          </div>\n                          <div className=\"flex items-start gap-2\">\n                            <CalendarDays\n                              className=\"mt-0.5 size-4 shrink-0 text-text-tertiary\"\n                              aria-hidden=\"true\"\n                            />\n                            <div>\n                              <dt className=\"text-xs text-text-tertiary\">Deliver by</dt>\n                              <dd className=\"font-medium text-text-primary\">\n                                {formatDate(opportunity.deliveryWindowStart)} –{' '}\n                                {formatDate(opportunity.deliveryWindowEnd)}\n                              </dd>\n                            </div>\n                          </div>\n                          <div className=\"flex items-start gap-2\">\n                            <MapPin\n                              className=\"mt-0.5 size-4 shrink-0 text-text-tertiary\"\n                              aria-hidden=\"true\"\n                            />\n                            <div>\n                              <dt className=\"text-xs text-text-tertiary\">Destination</dt>\n                              <dd className=\"font-medium text-text-primary\">\n                                {formatLocation({\n                                  country: opportunity.deliveryCountry,\n                                  region: opportunity.deliveryRegion,\n                                  city: opportunity.deliveryCity,\n                                })}\n                              </dd>\n                            </div>\n                          </div>\n                        </dl>\n\n                        <div className=\"mt-auto flex items-end justify-between gap-3 border-t border-border-seam pt-4\">\n                          <div>\n                            <p className=\"text-xs text-text-tertiary\">Buyer target</p>\n                            <p className=\"text-sm font-semibold text-text-primary\">\n                              {formatMoney(opportunity.targetUnitPrice, opportunity.targetCurrency)}\n                            </p>\n                          </div>\n                          <button\n                            type=\"button\"\n                            onClick={() =>\n                              navigate(\n                                joinStorePath(\n                                  basePath,\n                                  `publisher/sourcing/opportunities/${opportunity.id}`\n                                )\n                              )\n                            }\n                            className={secondaryButtonClassName}\n                          >\n                            View and offer\n                            <ArrowRight className=\"size-4\" aria-hidden=\"true\" />\n                          </button>\n                        </div>\n                      </GlassCard>\n                    </li>\n                  ))}\n                </ul>\n\n                {hasMore ? (\n                  <div className=\"mt-6 flex justify-center\">\n                    <button\n                      type=\"button\"\n                      onClick={() => void load(offset + PAGE_SIZE, true)}\n                      disabled={loading}\n                      className={secondaryButtonClassName}\n                    >\n                      {loading ? 'Loading…' : 'Load more'}\n                    </button>\n                  </div>\n                ) : null}\n              </>\n            )}\n          </>\n        )}\n      </main>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/pages/SellerSourcingOpportunityDetailPage.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+
+export declare const SellerSourcingOpportunityDetailPage: FC;