@burdenoff/microfe-store 2026.805.1 → 2026.819.2

package/dist/StoreRoutes.js

@@ -3,24 +3,24 @@ import { useStorePermissions as t } from "./hooks/useStorePermissions.js";
 import { AccessDenied as n } from "./components/AccessDenied.js";
 import { PageLoadingFallback as r } from "./components/RouteGuards.js";
 import { Suspense as i, lazy as a } from "react";
-import { FeatureGate as o } from "@burdenoff/fe-libs/shared/feature-flags";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Navigate as l, Route as u, Routes as d } from "react-router";
+import { Navigate as o, Route as s, Routes as c } from "react-router";
+import { FeatureGate as l } from "@burdenoff/fe-libs/shared/feature-flags";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/StoreRoutes.tsx
-var f = a(() => import("./pages/MarketplaceHomePage.js").then((e) => ({ default: e.MarketplaceHomePage }))), p = a(() => import("./pages/InstalledAppsPage.js").then((e) => ({ default: e.InstalledAppsPage }))), m = a(() => import("./pages/ProductDetailPage.js").then((e) => ({ default: e.ProductDetailPage }))), h = a(() => import("./pages/CartPage.js").then((e) => ({ default: e.CartPage }))), g = a(() => import("./pages/OrdersPage.js").then((e) => ({ default: e.OrdersPage }))), _ = a(() => import("./pages/MyLicensesPage.js").then((e) => ({ default: e.MyLicensesPage }))), v = a(() => import("./pages/OrderConfirmationPage.js").then((e) => ({ default: e.OrderConfirmationPage }))), y = a(() => import("./pages/AppDetailPage.js").then((e) => ({ default: e.AppDetailPage }))), b = a(() => import("./pages/AppSettingsPage.js").then((e) => ({ default: e.AppSettingsPage })));
-function x({ title: e, featureFlag: t }) {
-	return /* @__PURE__ */ s("div", {
+var f = a(() => import("./pages/MarketplaceHomePage.js").then((e) => ({ default: e.MarketplaceHomePage }))), p = a(() => import("./pages/InstalledAppsPage.js").then((e) => ({ default: e.InstalledAppsPage }))), m = a(() => import("./pages/ProductDetailPage.js").then((e) => ({ default: e.ProductDetailPage }))), h = a(() => import("./pages/CartPage.js").then((e) => ({ default: e.CartPage }))), g = a(() => import("./pages/OrdersPage.js").then((e) => ({ default: e.OrdersPage }))), _ = a(() => import("./pages/MyLicensesPage.js").then((e) => ({ default: e.MyLicensesPage }))), v = a(() => import("./pages/OrderConfirmationPage.js").then((e) => ({ default: e.OrderConfirmationPage }))), y = a(() => import("./pages/AppDetailPage.js").then((e) => ({ default: e.AppDetailPage }))), b = a(() => import("./pages/AppSettingsPage.js").then((e) => ({ default: e.AppSettingsPage }))), x = a(() => import("./pages/SourcingRequestsPage.js").then((e) => ({ default: e.SourcingRequestsPage }))), S = a(() => import("./pages/CreateSourcingRequestPage.js").then((e) => ({ default: e.CreateSourcingRequestPage }))), C = a(() => import("./pages/SourcingRequestDetailPage.js").then((e) => ({ default: e.SourcingRequestDetailPage }))), w = a(() => import("./pages/SellerSourcingOpportunitiesPage.js").then((e) => ({ default: e.SellerSourcingOpportunitiesPage }))), T = a(() => import("./pages/SellerSourcingOpportunityDetailPage.js").then((e) => ({ default: e.SellerSourcingOpportunityDetailPage }))), E = a(() => import("./pages/SellerSourcingOffersPage.js").then((e) => ({ default: e.SellerSourcingOffersPage })));
+function D({ title: e, featureFlag: t }) {
+	return /* @__PURE__ */ u("div", {
 		className: "flex min-h-[400px] items-center justify-center p-6",
-		children: /* @__PURE__ */ c("div", {
+		children: /* @__PURE__ */ d("div", {
 			className: "max-w-md rounded-lg border border-border-subtle bg-bg-surface p-6 text-center shadow-sm",
-			children: [/* @__PURE__ */ c("h2", {
+			children: [/* @__PURE__ */ d("h2", {
 				className: "text-lg font-semibold text-text-primary",
 				children: [e, " is not enabled"]
-			}), /* @__PURE__ */ c("p", {
+			}), /* @__PURE__ */ d("p", {
 				className: "mt-2 text-sm text-text-secondary",
 				children: [
 					"Ask an administrator to enable the ",
-					/* @__PURE__ */ s("span", {
+					/* @__PURE__ */ u("span", {
 						className: "font-mono",
 						children: t
 					}),
@@ -31,147 +31,225 @@ function x({ title: e, featureFlag: t }) {
 		})
 	});
 }
-function S({ title: e, featureFlag: t, allowed: i, isLoading: a, children: c }) {
-	return a ? /* @__PURE__ */ s(r, {}) : /* @__PURE__ */ s(o, {
+function O({ title: e, featureFlag: t, allowed: i, isLoading: a, children: o }) {
+	return a ? /* @__PURE__ */ u(r, {}) : /* @__PURE__ */ u(l, {
 		flag: t,
 		defaultValue: !0,
-		fallback: /* @__PURE__ */ s(x, {
+		fallback: /* @__PURE__ */ u(D, {
 			title: e,
 			featureFlag: t
 		}),
-		children: i ? c : /* @__PURE__ */ s(n, {})
+		children: i ? o : /* @__PURE__ */ u(n, {})
 	});
 }
-var C = () => {
-	let { basePath: n } = e(), { permissions: a, isLoading: o } = t();
-	return /* @__PURE__ */ c(d, { children: [
-		/* @__PURE__ */ s(u, {
+var k = () => {
+	let { basePath: n, user: a, authToken: l } = e(), { permissions: D, isLoading: k } = t(), A = !!(a?.id || l);
+	return /* @__PURE__ */ d(c, { children: [
+		/* @__PURE__ */ u(s, {
 			index: !0,
-			element: /* @__PURE__ */ s(l, {
+			element: /* @__PURE__ */ u(o, {
 				to: "marketplace",
 				replace: !0
 			})
 		}),
-		/* @__PURE__ */ s(u, {
+		/* @__PURE__ */ u(s, {
 			path: "marketplace",
-			element: /* @__PURE__ */ s(S, {
+			element: /* @__PURE__ */ u(O, {
 				title: "Marketplace",
 				featureFlag: "store.marketplace",
-				allowed: a.canBrowse,
-				isLoading: o,
-				children: /* @__PURE__ */ s(i, {
-					fallback: /* @__PURE__ */ s(r, {}),
-					children: /* @__PURE__ */ s(f, {})
+				allowed: D.canBrowse,
+				isLoading: k,
+				children: /* @__PURE__ */ u(i, {
+					fallback: /* @__PURE__ */ u(r, {}),
+					children: /* @__PURE__ */ u(f, {})
 				})
 			})
 		}),
-		/* @__PURE__ */ s(u, {
+		/* @__PURE__ */ u(s, {
 			path: "marketplace/product/:productId",
-			element: /* @__PURE__ */ s(S, {
+			element: /* @__PURE__ */ u(O, {
 				title: "Marketplace",
 				featureFlag: "store.marketplace",
-				allowed: a.canBrowse,
-				isLoading: o,
-				children: /* @__PURE__ */ s(i, {
-					fallback: /* @__PURE__ */ s(r, {}),
-					children: /* @__PURE__ */ s(m, {})
+				allowed: D.canBrowse,
+				isLoading: k,
+				children: /* @__PURE__ */ u(i, {
+					fallback: /* @__PURE__ */ u(r, {}),
+					children: /* @__PURE__ */ u(m, {})
 				})
 			})
 		}),
-		/* @__PURE__ */ s(u, {
+		/* @__PURE__ */ u(s, {
 			path: "cart",
-			element: /* @__PURE__ */ s(S, {
+			element: /* @__PURE__ */ u(O, {
 				title: "Cart",
 				featureFlag: "store.cart",
-				allowed: a.canPurchase,
-				isLoading: o,
-				children: /* @__PURE__ */ s(i, {
-					fallback: /* @__PURE__ */ s(r, {}),
-					children: /* @__PURE__ */ s(h, {})
+				allowed: D.canPurchase,
+				isLoading: k,
+				children: /* @__PURE__ */ u(i, {
+					fallback: /* @__PURE__ */ u(r, {}),
+					children: /* @__PURE__ */ u(h, {})
 				})
 			})
 		}),
-		/* @__PURE__ */ s(u, {
+		/* @__PURE__ */ u(s, {
 			path: "orders/:orderId/confirmation",
-			element: /* @__PURE__ */ s(S, {
+			element: /* @__PURE__ */ u(O, {
 				title: "Order confirmation",
 				featureFlag: "store.orders",
-				allowed: a.canPurchase,
-				isLoading: o,
-				children: /* @__PURE__ */ s(i, {
-					fallback: /* @__PURE__ */ s(r, {}),
-					children: /* @__PURE__ */ s(v, {})
+				allowed: D.canPurchase,
+				isLoading: k,
+				children: /* @__PURE__ */ u(i, {
+					fallback: /* @__PURE__ */ u(r, {}),
+					children: /* @__PURE__ */ u(v, {})
 				})
 			})
 		}),
-		/* @__PURE__ */ s(u, {
+		/* @__PURE__ */ u(s, {
 			path: "orders",
-			element: /* @__PURE__ */ s(S, {
+			element: /* @__PURE__ */ u(O, {
 				title: "Orders",
 				featureFlag: "store.orders",
-				allowed: a.canPurchase,
-				isLoading: o,
-				children: /* @__PURE__ */ s(i, {
-					fallback: /* @__PURE__ */ s(r, {}),
-					children: /* @__PURE__ */ s(g, {})
+				allowed: D.canPurchase,
+				isLoading: k,
+				children: /* @__PURE__ */ u(i, {
+					fallback: /* @__PURE__ */ u(r, {}),
+					children: /* @__PURE__ */ u(g, {})
 				})
 			})
 		}),
-		/* @__PURE__ */ s(u, {
+		/* @__PURE__ */ u(s, {
 			path: "installed",
-			element: /* @__PURE__ */ s(S, {
+			element: /* @__PURE__ */ u(O, {
 				title: "Installed apps",
 				featureFlag: "store.installed",
-				allowed: a.canInstall,
-				isLoading: o,
-				children: /* @__PURE__ */ s(i, {
-					fallback: /* @__PURE__ */ s(r, {}),
-					children: /* @__PURE__ */ s(p, {})
+				allowed: D.canInstall,
+				isLoading: k,
+				children: /* @__PURE__ */ u(i, {
+					fallback: /* @__PURE__ */ u(r, {}),
+					children: /* @__PURE__ */ u(p, {})
 				})
 			})
 		}),
-		/* @__PURE__ */ s(u, {
+		/* @__PURE__ */ u(s, {
 			path: "installed/:installationId",
-			element: /* @__PURE__ */ s(S, {
+			element: /* @__PURE__ */ u(O, {
 				title: "Installed apps",
 				featureFlag: "store.installed",
-				allowed: a.canInstall,
-				isLoading: o,
-				children: /* @__PURE__ */ s(i, {
-					fallback: /* @__PURE__ */ s(r, {}),
-					children: /* @__PURE__ */ s(y, {})
+				allowed: D.canInstall,
+				isLoading: k,
+				children: /* @__PURE__ */ u(i, {
+					fallback: /* @__PURE__ */ u(r, {}),
+					children: /* @__PURE__ */ u(y, {})
 				})
 			})
 		}),
-		/* @__PURE__ */ s(u, {
+		/* @__PURE__ */ u(s, {
 			path: "installed/:installationId/settings",
-			element: /* @__PURE__ */ s(S, {
+			element: /* @__PURE__ */ u(O, {
 				title: "Installed apps",
 				featureFlag: "store.installed",
-				allowed: a.canInstall,
-				isLoading: o,
-				children: /* @__PURE__ */ s(i, {
-					fallback: /* @__PURE__ */ s(r, {}),
-					children: /* @__PURE__ */ s(b, {})
+				allowed: D.canInstall,
+				isLoading: k,
+				children: /* @__PURE__ */ u(i, {
+					fallback: /* @__PURE__ */ u(r, {}),
+					children: /* @__PURE__ */ u(b, {})
 				})
 			})
 		}),
-		/* @__PURE__ */ s(u, {
+		/* @__PURE__ */ u(s, {
 			path: "licenses",
-			element: /* @__PURE__ */ s(S, {
+			element: /* @__PURE__ */ u(O, {
 				title: "Licenses",
 				featureFlag: "store.licenses",
-				allowed: a.canManageLicenses,
-				isLoading: o,
-				children: /* @__PURE__ */ s(i, {
-					fallback: /* @__PURE__ */ s(r, {}),
-					children: /* @__PURE__ */ s(_, {})
+				allowed: D.canManageLicenses,
+				isLoading: k,
+				children: /* @__PURE__ */ u(i, {
+					fallback: /* @__PURE__ */ u(r, {}),
+					children: /* @__PURE__ */ u(_, {})
 				})
 			})
 		}),
-		/* @__PURE__ */ s(u, {
+		/* @__PURE__ */ u(s, {
+			path: "sourcing/requests",
+			element: /* @__PURE__ */ u(O, {
+				title: "Sourcing",
+				featureFlag: "store.sourcing",
+				allowed: A,
+				isLoading: !1,
+				children: /* @__PURE__ */ u(i, {
+					fallback: /* @__PURE__ */ u(r, {}),
+					children: /* @__PURE__ */ u(x, {})
+				})
+			})
+		}),
+		/* @__PURE__ */ u(s, {
+			path: "sourcing/requests/new",
+			element: /* @__PURE__ */ u(O, {
+				title: "Sourcing",
+				featureFlag: "store.sourcing",
+				allowed: A,
+				isLoading: !1,
+				children: /* @__PURE__ */ u(i, {
+					fallback: /* @__PURE__ */ u(r, {}),
+					children: /* @__PURE__ */ u(S, {})
+				})
+			})
+		}),
+		/* @__PURE__ */ u(s, {
+			path: "sourcing/requests/:requestId",
+			element: /* @__PURE__ */ u(O, {
+				title: "Sourcing",
+				featureFlag: "store.sourcing",
+				allowed: A,
+				isLoading: !1,
+				children: /* @__PURE__ */ u(i, {
+					fallback: /* @__PURE__ */ u(r, {}),
+					children: /* @__PURE__ */ u(C, {})
+				})
+			})
+		}),
+		/* @__PURE__ */ u(s, {
+			path: "publisher/sourcing/opportunities",
+			element: /* @__PURE__ */ u(O, {
+				title: "Seller sourcing",
+				featureFlag: "store.sourcing",
+				allowed: A,
+				isLoading: !1,
+				children: /* @__PURE__ */ u(i, {
+					fallback: /* @__PURE__ */ u(r, {}),
+					children: /* @__PURE__ */ u(w, {})
+				})
+			})
+		}),
+		/* @__PURE__ */ u(s, {
+			path: "publisher/sourcing/opportunities/:requestId",
+			element: /* @__PURE__ */ u(O, {
+				title: "Seller sourcing",
+				featureFlag: "store.sourcing",
+				allowed: A,
+				isLoading: !1,
+				children: /* @__PURE__ */ u(i, {
+					fallback: /* @__PURE__ */ u(r, {}),
+					children: /* @__PURE__ */ u(T, {})
+				})
+			})
+		}),
+		/* @__PURE__ */ u(s, {
+			path: "publisher/sourcing/offers",
+			element: /* @__PURE__ */ u(O, {
+				title: "Seller sourcing",
+				featureFlag: "store.sourcing",
+				allowed: A,
+				isLoading: !1,
+				children: /* @__PURE__ */ u(i, {
+					fallback: /* @__PURE__ */ u(r, {}),
+					children: /* @__PURE__ */ u(E, {})
+				})
+			})
+		}),
+		/* @__PURE__ */ u(s, {
 			path: "*",
-			element: /* @__PURE__ */ s(l, {
+			element: /* @__PURE__ */ u(o, {
 				to: `${n}/marketplace`,
 				replace: !0
 			})
@@ -179,6 +257,6 @@ var C = () => {
 	] });
 };
 //#endregion
-export { C as StoreRoutes };
+export { k as StoreRoutes };
 
 //# sourceMappingURL=StoreRoutes.js.map

package/dist/StoreRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"StoreRoutes.js","names":[],"sources":["../src/StoreRoutes.tsx"],"sourcesContent":["import { lazy, Suspense, type FC, type ReactNode } from 'react';\nimport { Routes, Route, Navigate } from 'react-router';\nimport { FeatureGate } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useStore } from './providers/StoreProvider';\nimport { useStorePermissions } from './hooks/useStorePermissions';\nimport { AccessDenied, PageLoadingFallback } from './components/RouteGuards';\n\n// Lazy loaded pages\nconst MarketplaceHomePage = lazy(() =>\n  import('./pages/MarketplaceHomePage').then((m) => ({ default: m.MarketplaceHomePage }))\n);\nconst InstalledAppsPage = lazy(() =>\n  import('./pages/InstalledAppsPage').then((m) => ({ default: m.InstalledAppsPage }))\n);\nconst ProductDetailPage = lazy(() =>\n  import('./pages/ProductDetailPage').then((m) => ({ default: m.ProductDetailPage }))\n);\nconst CartPage = lazy(() => import('./pages/CartPage').then((m) => ({ default: m.CartPage })));\nconst OrdersPage = lazy(() =>\n  import('./pages/OrdersPage').then((m) => ({ default: m.OrdersPage }))\n);\nconst MyLicensesPage = lazy(() =>\n  import('./pages/MyLicensesPage').then((m) => ({ default: m.MyLicensesPage }))\n);\nconst OrderConfirmationPage = lazy(() =>\n  import('./pages/OrderConfirmationPage').then((m) => ({ default: m.OrderConfirmationPage }))\n);\nconst AppDetailPage = lazy(() =>\n  import('./pages/AppDetailPage').then((m) => ({ default: m.AppDetailPage }))\n);\nconst AppSettingsPage = lazy(() =>\n  import('./pages/AppSettingsPage').then((m) => ({ default: m.AppSettingsPage }))\n);\n\nfunction FeatureDisabled({ title, featureFlag }: { title: string; featureFlag: string }) {\n  return (\n    <div className=\"flex min-h-[400px] items-center justify-center p-6\">\n      <div className=\"max-w-md rounded-lg border border-border-subtle bg-bg-surface p-6 text-center shadow-sm\">\n        <h2 className=\"text-lg font-semibold text-text-primary\">{title} is not enabled</h2>\n        <p className=\"mt-2 text-sm text-text-secondary\">\n          Ask an administrator to enable the <span className=\"font-mono\">{featureFlag}</span>{' '}\n          feature flag for this organization.\n        </p>\n      </div>\n    </div>\n  );\n}\n\ninterface StoreRouteGateProps {\n  title: string;\n  featureFlag: string;\n  allowed: boolean;\n  isLoading: boolean;\n  children: ReactNode;\n}\n\nfunction StoreRouteGate({ title, featureFlag, allowed, isLoading, children }: StoreRouteGateProps) {\n  if (isLoading) {\n    return <PageLoadingFallback />;\n  }\n  return (\n    <FeatureGate\n      flag={featureFlag}\n      defaultValue\n      fallback={<FeatureDisabled title={title} featureFlag={featureFlag} />}\n    >\n      {allowed ? children : <AccessDenied />}\n    </FeatureGate>\n  );\n}\n\n/**\n * StoreRoutes component\n *\n * Internal routing for the Store microfrontend. Every route is gated by both\n * a live feature flag (via FeatureGate) and an RBAC permission check so that\n * features can be toggled per-org without a deployment.\n *\n * Flag namespace: store.*\n */\nexport const StoreRoutes: FC = () => {\n  const { basePath } = useStore();\n  const { permissions, isLoading } = useStorePermissions();\n\n  return (\n    <Routes>\n      {/* Default redirect */}\n      <Route index element={<Navigate to=\"marketplace\" replace />} />\n\n      {/* Marketplace */}\n      <Route\n        path=\"marketplace\"\n        element={\n          <StoreRouteGate\n            title=\"Marketplace\"\n            featureFlag=\"store.marketplace\"\n            allowed={permissions.canBrowse}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <MarketplaceHomePage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"marketplace/product/:productId\"\n        element={\n          <StoreRouteGate\n            title=\"Marketplace\"\n            featureFlag=\"store.marketplace\"\n            allowed={permissions.canBrowse}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <ProductDetailPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n\n      {/* Cart */}\n      <Route\n        path=\"cart\"\n        element={\n          <StoreRouteGate\n            title=\"Cart\"\n            featureFlag=\"store.cart\"\n            allowed={permissions.canPurchase}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <CartPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n\n      {/* Orders */}\n      <Route\n        path=\"orders/:orderId/confirmation\"\n        element={\n          <StoreRouteGate\n            title=\"Order confirmation\"\n            featureFlag=\"store.orders\"\n            allowed={permissions.canPurchase}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <OrderConfirmationPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"orders\"\n        element={\n          <StoreRouteGate\n            title=\"Orders\"\n            featureFlag=\"store.orders\"\n            allowed={permissions.canPurchase}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <OrdersPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n\n      {/* Installed Apps */}\n      <Route\n        path=\"installed\"\n        element={\n          <StoreRouteGate\n            title=\"Installed apps\"\n            featureFlag=\"store.installed\"\n            allowed={permissions.canInstall}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <InstalledAppsPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"installed/:installationId\"\n        element={\n          <StoreRouteGate\n            title=\"Installed apps\"\n            featureFlag=\"store.installed\"\n            allowed={permissions.canInstall}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <AppDetailPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"installed/:installationId/settings\"\n        element={\n          <StoreRouteGate\n            title=\"Installed apps\"\n            featureFlag=\"store.installed\"\n            allowed={permissions.canInstall}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <AppSettingsPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n\n      {/* Licenses */}\n      <Route\n        path=\"licenses\"\n        element={\n          <StoreRouteGate\n            title=\"Licenses\"\n            featureFlag=\"store.licenses\"\n            allowed={permissions.canManageLicenses}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <MyLicensesPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n\n      {/* Catch-all redirect */}\n      <Route path=\"*\" element={<Navigate to={`${basePath}/marketplace`} replace />} />\n    </Routes>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"StoreRoutes.js","names":[],"sources":["../src/StoreRoutes.tsx"],"sourcesContent":["import { lazy, Suspense, type FC, type ReactNode } from 'react';\nimport { Routes, Route, Navigate } from 'react-router';\nimport { FeatureGate } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useStore } from './providers/StoreProvider';\nimport { useStorePermissions } from './hooks/useStorePermissions';\nimport { AccessDenied, PageLoadingFallback } from './components/RouteGuards';\n\n// Lazy loaded pages\nconst MarketplaceHomePage = lazy(() =>\n  import('./pages/MarketplaceHomePage').then((m) => ({ default: m.MarketplaceHomePage }))\n);\nconst InstalledAppsPage = lazy(() =>\n  import('./pages/InstalledAppsPage').then((m) => ({ default: m.InstalledAppsPage }))\n);\nconst ProductDetailPage = lazy(() =>\n  import('./pages/ProductDetailPage').then((m) => ({ default: m.ProductDetailPage }))\n);\nconst CartPage = lazy(() => import('./pages/CartPage').then((m) => ({ default: m.CartPage })));\nconst OrdersPage = lazy(() =>\n  import('./pages/OrdersPage').then((m) => ({ default: m.OrdersPage }))\n);\nconst MyLicensesPage = lazy(() =>\n  import('./pages/MyLicensesPage').then((m) => ({ default: m.MyLicensesPage }))\n);\nconst OrderConfirmationPage = lazy(() =>\n  import('./pages/OrderConfirmationPage').then((m) => ({ default: m.OrderConfirmationPage }))\n);\nconst AppDetailPage = lazy(() =>\n  import('./pages/AppDetailPage').then((m) => ({ default: m.AppDetailPage }))\n);\nconst AppSettingsPage = lazy(() =>\n  import('./pages/AppSettingsPage').then((m) => ({ default: m.AppSettingsPage }))\n);\nconst SourcingRequestsPage = lazy(() =>\n  import('./pages/SourcingRequestsPage').then((m) => ({ default: m.SourcingRequestsPage }))\n);\nconst CreateSourcingRequestPage = lazy(() =>\n  import('./pages/CreateSourcingRequestPage').then((m) => ({\n    default: m.CreateSourcingRequestPage,\n  }))\n);\nconst SourcingRequestDetailPage = lazy(() =>\n  import('./pages/SourcingRequestDetailPage').then((m) => ({\n    default: m.SourcingRequestDetailPage,\n  }))\n);\nconst SellerSourcingOpportunitiesPage = lazy(() =>\n  import('./pages/SellerSourcingOpportunitiesPage').then((m) => ({\n    default: m.SellerSourcingOpportunitiesPage,\n  }))\n);\nconst SellerSourcingOpportunityDetailPage = lazy(() =>\n  import('./pages/SellerSourcingOpportunityDetailPage').then((m) => ({\n    default: m.SellerSourcingOpportunityDetailPage,\n  }))\n);\nconst SellerSourcingOffersPage = lazy(() =>\n  import('./pages/SellerSourcingOffersPage').then((m) => ({\n    default: m.SellerSourcingOffersPage,\n  }))\n);\n\nfunction FeatureDisabled({ title, featureFlag }: { title: string; featureFlag: string }) {\n  return (\n    <div className=\"flex min-h-[400px] items-center justify-center p-6\">\n      <div className=\"max-w-md rounded-lg border border-border-subtle bg-bg-surface p-6 text-center shadow-sm\">\n        <h2 className=\"text-lg font-semibold text-text-primary\">{title} is not enabled</h2>\n        <p className=\"mt-2 text-sm text-text-secondary\">\n          Ask an administrator to enable the <span className=\"font-mono\">{featureFlag}</span>{' '}\n          feature flag for this organization.\n        </p>\n      </div>\n    </div>\n  );\n}\n\ninterface StoreRouteGateProps {\n  title: string;\n  featureFlag: string;\n  allowed: boolean;\n  isLoading: boolean;\n  children: ReactNode;\n}\n\nfunction StoreRouteGate({ title, featureFlag, allowed, isLoading, children }: StoreRouteGateProps) {\n  if (isLoading) {\n    return <PageLoadingFallback />;\n  }\n  return (\n    <FeatureGate\n      flag={featureFlag}\n      defaultValue\n      fallback={<FeatureDisabled title={title} featureFlag={featureFlag} />}\n    >\n      {allowed ? children : <AccessDenied />}\n    </FeatureGate>\n  );\n}\n\n/**\n * StoreRoutes component\n *\n * Internal routing for the Store microfrontend. Every route is gated by both\n * a live feature flag (via FeatureGate) and an RBAC permission check so that\n * features can be toggled per-org without a deployment.\n *\n * Flag namespace: store.*\n */\nexport const StoreRoutes: FC = () => {\n  const { basePath, user, authToken } = useStore();\n  const { permissions, isLoading } = useStorePermissions();\n  const hasSelfActor = Boolean(user?.id || authToken);\n\n  return (\n    <Routes>\n      {/* Default redirect */}\n      <Route index element={<Navigate to=\"marketplace\" replace />} />\n\n      {/* Marketplace */}\n      <Route\n        path=\"marketplace\"\n        element={\n          <StoreRouteGate\n            title=\"Marketplace\"\n            featureFlag=\"store.marketplace\"\n            allowed={permissions.canBrowse}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <MarketplaceHomePage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"marketplace/product/:productId\"\n        element={\n          <StoreRouteGate\n            title=\"Marketplace\"\n            featureFlag=\"store.marketplace\"\n            allowed={permissions.canBrowse}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <ProductDetailPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n\n      {/* Cart */}\n      <Route\n        path=\"cart\"\n        element={\n          <StoreRouteGate\n            title=\"Cart\"\n            featureFlag=\"store.cart\"\n            allowed={permissions.canPurchase}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <CartPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n\n      {/* Orders */}\n      <Route\n        path=\"orders/:orderId/confirmation\"\n        element={\n          <StoreRouteGate\n            title=\"Order confirmation\"\n            featureFlag=\"store.orders\"\n            allowed={permissions.canPurchase}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <OrderConfirmationPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"orders\"\n        element={\n          <StoreRouteGate\n            title=\"Orders\"\n            featureFlag=\"store.orders\"\n            allowed={permissions.canPurchase}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <OrdersPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n\n      {/* Installed Apps */}\n      <Route\n        path=\"installed\"\n        element={\n          <StoreRouteGate\n            title=\"Installed apps\"\n            featureFlag=\"store.installed\"\n            allowed={permissions.canInstall}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <InstalledAppsPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"installed/:installationId\"\n        element={\n          <StoreRouteGate\n            title=\"Installed apps\"\n            featureFlag=\"store.installed\"\n            allowed={permissions.canInstall}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <AppDetailPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"installed/:installationId/settings\"\n        element={\n          <StoreRouteGate\n            title=\"Installed apps\"\n            featureFlag=\"store.installed\"\n            allowed={permissions.canInstall}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <AppSettingsPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n\n      {/* Licenses */}\n      <Route\n        path=\"licenses\"\n        element={\n          <StoreRouteGate\n            title=\"Licenses\"\n            featureFlag=\"store.licenses\"\n            allowed={permissions.canManageLicenses}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <MyLicensesPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n\n      {/* Sourcing — actor self-scoped; no workspace or product-publishing permission required. */}\n      <Route\n        path=\"sourcing/requests\"\n        element={\n          <StoreRouteGate\n            title=\"Sourcing\"\n            featureFlag=\"store.sourcing\"\n            allowed={hasSelfActor}\n            isLoading={false}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <SourcingRequestsPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"sourcing/requests/new\"\n        element={\n          <StoreRouteGate\n            title=\"Sourcing\"\n            featureFlag=\"store.sourcing\"\n            allowed={hasSelfActor}\n            isLoading={false}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <CreateSourcingRequestPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"sourcing/requests/:requestId\"\n        element={\n          <StoreRouteGate\n            title=\"Sourcing\"\n            featureFlag=\"store.sourcing\"\n            allowed={hasSelfActor}\n            isLoading={false}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <SourcingRequestDetailPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"publisher/sourcing/opportunities\"\n        element={\n          <StoreRouteGate\n            title=\"Seller sourcing\"\n            featureFlag=\"store.sourcing\"\n            allowed={hasSelfActor}\n            isLoading={false}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <SellerSourcingOpportunitiesPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"publisher/sourcing/opportunities/:requestId\"\n        element={\n          <StoreRouteGate\n            title=\"Seller sourcing\"\n            featureFlag=\"store.sourcing\"\n            allowed={hasSelfActor}\n            isLoading={false}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <SellerSourcingOpportunityDetailPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"publisher/sourcing/offers\"\n        element={\n          <StoreRouteGate\n            title=\"Seller sourcing\"\n            featureFlag=\"store.sourcing\"\n            allowed={hasSelfActor}\n            isLoading={false}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <SellerSourcingOffersPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n\n      {/* Catch-all redirect */}\n      <Route path=\"*\" element={<Navigate to={`${basePath}/marketplace`} replace />} />\n    </Routes>\n  );\n};\n"],"mappings":"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"}

package/dist/components/sourcing/SourcingConfirmationDialog.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+
+interface SourcingConfirmationDialogProps {
+    open: boolean;
+    title: string;
+    description: ReactNode;
+    confirmLabel: string;
+    cancelLabel: string;
+    busy?: boolean;
+    destructive?: boolean;
+    onConfirm: () => void;
+    onCancel: () => void;
+}
+export declare function SourcingConfirmationDialog({ open, title, description, confirmLabel, cancelLabel, busy, destructive, onConfirm, onCancel, }: SourcingConfirmationDialogProps): import("react").JSX.Element;
+export {};

package/dist/components/sourcing/SourcingConfirmationDialog.js

@@ -0,0 +1,61 @@
+import { dangerButtonClassName as e, primaryButtonClassName as t, secondaryButtonClassName as n } from "./SourcingUi.js";
+import { useEffect as r, useId as i, useRef as a } from "react";
+import { Loader2 as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/sourcing/SourcingConfirmationDialog.tsx
+function l({ open: l, title: u, description: d, confirmLabel: f, cancelLabel: p, busy: m = !1, destructive: h = !1, onConfirm: g, onCancel: _ }) {
+	let v = a(null), y = i(), b = i();
+	return r(() => {
+		let e = v.current;
+		e && (l && !e.open && e.showModal(), !l && e.open && e.close());
+	}, [l]), r(() => () => {
+		v.current?.open && v.current.close();
+	}, []), /* @__PURE__ */ s("dialog", {
+		ref: v,
+		"aria-labelledby": y,
+		"aria-describedby": b,
+		className: "m-auto w-[min(32rem,calc(100%-2rem))] rounded-xl border border-border-seam bg-surface-raised p-0 text-text-primary shadow-elevation-4 backdrop:bg-bg-overlay backdrop:backdrop-blur-sm",
+		onCancel: (e) => {
+			e.preventDefault(), m || _();
+		},
+		children: /* @__PURE__ */ c("div", {
+			className: "p-5 sm:p-6",
+			children: [
+				/* @__PURE__ */ s("h2", {
+					id: y,
+					className: "text-lg font-semibold text-text-primary",
+					children: u
+				}),
+				/* @__PURE__ */ s("div", {
+					id: b,
+					className: "mt-2 text-sm leading-6 text-text-secondary",
+					children: d
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "mt-6 flex flex-wrap justify-end gap-2",
+					children: [/* @__PURE__ */ s("button", {
+						type: "button",
+						onClick: _,
+						disabled: m,
+						className: n,
+						children: p
+					}), /* @__PURE__ */ c("button", {
+						type: "button",
+						onClick: g,
+						disabled: m,
+						className: h ? e : t,
+						autoFocus: !0,
+						children: [m ? /* @__PURE__ */ s(o, {
+							className: "size-4 animate-spin",
+							"aria-hidden": "true"
+						}) : null, f]
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { l as SourcingConfirmationDialog };
+
+//# sourceMappingURL=SourcingConfirmationDialog.js.map

package/dist/components/sourcing/SourcingConfirmationDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SourcingConfirmationDialog.js","names":[],"sources":["../../../src/components/sourcing/SourcingConfirmationDialog.tsx"],"sourcesContent":["import { useEffect, useId, useRef } from 'react';\nimport type { ReactNode } from 'react';\nimport { Loader2 } from 'lucide-react';\n\nimport {\n  dangerButtonClassName,\n  primaryButtonClassName,\n  secondaryButtonClassName,\n} from './SourcingUi';\n\ninterface SourcingConfirmationDialogProps {\n  open: boolean;\n  title: string;\n  description: ReactNode;\n  confirmLabel: string;\n  cancelLabel: string;\n  busy?: boolean;\n  destructive?: boolean;\n  onConfirm: () => void;\n  onCancel: () => void;\n}\n\nexport function SourcingConfirmationDialog({\n  open,\n  title,\n  description,\n  confirmLabel,\n  cancelLabel,\n  busy = false,\n  destructive = false,\n  onConfirm,\n  onCancel,\n}: SourcingConfirmationDialogProps) {\n  const dialogRef = useRef<HTMLDialogElement | null>(null);\n  const titleId = useId();\n  const descriptionId = useId();\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n\n    if (open && !dialog.open) dialog.showModal();\n    if (!open && dialog.open) dialog.close();\n  }, [open]);\n\n  useEffect(\n    () => () => {\n      if (dialogRef.current?.open) dialogRef.current.close();\n    },\n    []\n  );\n\n  return (\n    <dialog\n      ref={dialogRef}\n      aria-labelledby={titleId}\n      aria-describedby={descriptionId}\n      className=\"m-auto w-[min(32rem,calc(100%-2rem))] rounded-xl border border-border-seam bg-surface-raised p-0 text-text-primary shadow-elevation-4 backdrop:bg-bg-overlay backdrop:backdrop-blur-sm\"\n      onCancel={(event) => {\n        event.preventDefault();\n        if (!busy) onCancel();\n      }}\n    >\n      <div className=\"p-5 sm:p-6\">\n        <h2 id={titleId} className=\"text-lg font-semibold text-text-primary\">\n          {title}\n        </h2>\n        <div id={descriptionId} className=\"mt-2 text-sm leading-6 text-text-secondary\">\n          {description}\n        </div>\n        <div className=\"mt-6 flex flex-wrap justify-end gap-2\">\n          <button\n            type=\"button\"\n            onClick={onCancel}\n            disabled={busy}\n            className={secondaryButtonClassName}\n          >\n            {cancelLabel}\n          </button>\n          <button\n            type=\"button\"\n            onClick={onConfirm}\n            disabled={busy}\n            className={destructive ? dangerButtonClassName : primaryButtonClassName}\n            autoFocus\n          >\n            {busy ? <Loader2 className=\"size-4 animate-spin\" aria-hidden=\"true\" /> : null}\n            {confirmLabel}\n          </button>\n        </div>\n      </div>\n    </dialog>\n  );\n}\n"],"mappings":";;;;;AAsBA,SAAgB,EAA2B,EACzC,SACA,UACA,gBACA,iBACA,gBACA,UAAO,IACP,iBAAc,IACd,cACA,eACkC;CAClC,IAAM,IAAY,EAAiC,KAAK,EAClD,IAAU,GAAO,EACjB,IAAgB,GAAO;AAiB7B,QAfA,QAAgB;EACd,IAAM,IAAS,EAAU;AACpB,QAED,KAAQ,CAAC,EAAO,QAAM,EAAO,WAAW,EACxC,CAAC,KAAQ,EAAO,QAAM,EAAO,OAAO;IACvC,CAAC,EAAK,CAAC,EAEV,cACc;AACV,EAAI,EAAU,SAAS,QAAM,EAAU,QAAQ,OAAO;IAExD,EAAE,CACH,EAGC,kBAAC,UAAD;EACE,KAAK;EACL,mBAAiB;EACjB,oBAAkB;EAClB,WAAU;EACV,WAAW,MAAU;AAEnB,GADA,EAAM,gBAAgB,EACjB,KAAM,GAAU;;YAGvB,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,MAAD;KAAI,IAAI;KAAS,WAAU;eACxB;KACE,CAAA;IACL,kBAAC,OAAD;KAAK,IAAI;KAAe,WAAU;eAC/B;KACG,CAAA;IACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,UAAU;MACV,WAAW;gBAEV;MACM,CAAA,EACT,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,UAAU;MACV,WAAW,IAAc,IAAwB;MACjD,WAAA;gBALF,CAOG,IAAO,kBAAC,GAAD;OAAS,WAAU;OAAsB,eAAY;OAAS,CAAA,GAAG,MACxE,EACM;QACL;;IACF;;EACC,CAAA"}

package/dist/components/sourcing/SourcingUi.d.ts

@@ -0,0 +1,51 @@
+import { ReactNode } from 'react';
+import { SourcingUnit } from '../../generated/global-types';
+
+export declare const SOURCING_UNITS: readonly [SourcingUnit.Unit, SourcingUnit.Gram, SourcingUnit.Kilogram, SourcingUnit.Milliliter, SourcingUnit.Liter, SourcingUnit.MetricTon, SourcingUnit.Box, SourcingUnit.Bag, SourcingUnit.Pallet];
+export declare const inputClassName = "mt-1.5 w-full rounded-lg border border-border-default bg-surface-default px-3 py-2.5 text-sm text-text-primary shadow-sm outline-none transition placeholder:text-text-tertiary focus:border-action-primary-bg focus:ring-2 focus:ring-action-primary-bg/20 disabled:cursor-not-allowed disabled:bg-surface-muted disabled:text-text-tertiary";
+export declare const labelClassName = "block text-sm font-medium text-text-primary";
+export declare const helpClassName = "mt-1 text-xs text-text-tertiary";
+export declare const primaryButtonClassName: string;
+export declare const secondaryButtonClassName: string;
+export declare const dangerButtonClassName: string;
+export declare function joinStorePath(basePath: string, path: string): string;
+export declare function formatSourcingUnit(unit: SourcingUnit | string): string;
+export declare function formatDate(value: string): string;
+export declare function formatDateTime(value: string): string;
+export declare function formatMoney(value: string | null | undefined, currency: string | null | undefined): string;
+export declare function formatLocation({ country, region, city, }: {
+    country: string;
+    region?: string | null;
+    city?: string | null;
+}): string;
+export declare function toDateTimeLocal(value: string): string;
+export declare function toErrorMessage(error: unknown, fallback: string): string;
+interface SourcingPageHeaderProps {
+    title: string;
+    description: string;
+    icon: ReactNode;
+    onBack?: () => void;
+    actions?: ReactNode;
+}
+export declare function SourcingPageHeader({ title, description, icon, onBack, actions, }: SourcingPageHeaderProps): import("react").JSX.Element;
+export declare function SourcingLoadingState({ label }: {
+    label: string;
+}): import("react").JSX.Element;
+export declare function SourcingErrorState({ title, message, onRetry, }: {
+    title: string;
+    message: string;
+    onRetry?: () => void;
+}): import("react").JSX.Element;
+export declare function SourcingEmptyState({ title, description, action, }: {
+    title: string;
+    description: string;
+    action?: ReactNode;
+}): import("react").JSX.Element;
+export declare function SourcingStatusBadge({ status }: {
+    status: string;
+}): import("react").JSX.Element;
+export declare function ContextRequiredPanel({ title, description, }: {
+    title: string;
+    description: string;
+}): import("react").JSX.Element;
+export {};