@burdenoff/microfe-store 2026.625.5 → 2026.626.2

package/dist/StoreRoot.js

@@ -1,139 +1,96 @@
 import { StoreProvider as e } from "./providers/StoreProvider.js";
-import { STORE_PERMISSIONS as t, useStorePermissions as n } from "./hooks/useStorePermissions.js";
-import { StoreRoutes as r } from "./StoreRoutes.js";
-import { useCart as i } from "./hooks/useCart.js";
-import { useEffect as a, useMemo as o } from "react";
-import { ErrorBoundary as s } from "@burdenoff/fe-libs/shared/components";
-import { FeatureFlagProvider as c } from "@burdenoff/fe-libs/shared/feature-flags";
-import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Briefcase as u, DollarSign as d, FileCheck as f, Key as p, LayoutDashboard as m, Package as h, Receipt as g, ShoppingBag as _, ShoppingCart as v, Upload as y } from "lucide-react";
-import { jsx as b } from "react/jsx-runtime";
+import { StoreRoutes as t } from "./StoreRoutes.js";
+import { useCart as n } from "./hooks/useCart.js";
+import { useEffect as r, useMemo as i } from "react";
+import { ErrorBoundary as a } from "@burdenoff/fe-libs/shared/components";
+import { FeatureFlagProvider as o } from "@burdenoff/fe-libs/shared/feature-flags";
+import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Key as c, Package as l, Receipt as u, ShoppingBag as d, ShoppingCart as f } from "lucide-react";
+import { jsx as p } from "react/jsx-runtime";
 //#region src/StoreRoot.tsx
-var x = (t) => {
-	let { t: n } = l();
-	return /* @__PURE__ */ b(c, {
+var m = (t) => {
+	let { t: n } = s();
+	return /* @__PURE__ */ p(o, {
 		workspaceId: t.workspaceId ?? null,
 		gateway: "global",
 		defaultEnabled: !0,
-		children: /* @__PURE__ */ b(s, {
-			fallback: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ p(a, {
+			fallback: /* @__PURE__ */ p("div", {
 				className: "p-6 text-center text-text-secondary",
 				children: n("common.moduleLoadError", { defaultValue: "Something went wrong loading this module. Please refresh the page." })
 			}),
-			children: /* @__PURE__ */ b(e, {
+			children: /* @__PURE__ */ p(e, {
 				...t,
-				children: /* @__PURE__ */ b(S, { ...t })
+				children: /* @__PURE__ */ p(h, { ...t })
 			})
 		})
 	});
-}, S = ({ registerNavItems: e, registerFooterItems: s, basePath: c = "/" }) => {
-	let { itemCount: x } = i(), { permissions: S, hasPermission: C } = n(), { t: w } = l(), T = S.canPublish, E = C(t.EARNINGS_READ);
-	a(() => {
+}, h = ({ registerNavItems: e, registerFooterItems: a, basePath: o = "/" }) => {
+	let { itemCount: m } = n(), { t: h } = s();
+	r(() => {
 		if (!e) return;
-		let t = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`), n = [
+		let t = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
+		return e([
 			{
 				id: "store-marketplace",
-				label: w("nav.marketplace", { defaultValue: "Marketplace" }),
-				path: t(c, "marketplace"),
-				icon: /* @__PURE__ */ b(_, { size: 20 }),
+				label: h("nav.marketplace", { defaultValue: "Marketplace" }),
+				path: t(o, "marketplace"),
+				icon: /* @__PURE__ */ p(d, { size: 20 }),
 				order: 10,
 				group: "store"
 			},
 			{
 				id: "store-cart",
-				label: w("nav.cart", { defaultValue: "Cart" }),
-				path: t(c, "cart"),
-				icon: /* @__PURE__ */ b(v, { size: 20 }),
-				badge: x > 0 ? x : void 0,
+				label: h("nav.cart", { defaultValue: "Cart" }),
+				path: t(o, "cart"),
+				icon: /* @__PURE__ */ p(f, { size: 20 }),
+				badge: m > 0 ? m : void 0,
 				order: 20,
 				group: "store"
 			},
 			{
 				id: "store-orders",
-				label: w("nav.orders", { defaultValue: "My Orders" }),
-				path: t(c, "orders"),
-				icon: /* @__PURE__ */ b(g, { size: 20 }),
+				label: h("nav.orders", { defaultValue: "My Orders" }),
+				path: t(o, "orders"),
+				icon: /* @__PURE__ */ p(u, { size: 20 }),
 				order: 30,
 				group: "store"
 			},
 			{
 				id: "store-installed",
-				label: w("nav.installed", { defaultValue: "Installed Apps" }),
-				path: t(c, "installed"),
-				icon: /* @__PURE__ */ b(h, { size: 20 }),
+				label: h("nav.installed", { defaultValue: "Installed Apps" }),
+				path: t(o, "installed"),
+				icon: /* @__PURE__ */ p(l, { size: 20 }),
 				order: 40,
 				group: "store"
 			},
 			{
 				id: "store-licenses",
-				label: w("nav.licenses", { defaultValue: "Licenses" }),
-				path: t(c, "licenses"),
-				icon: /* @__PURE__ */ b(p, { size: 20 }),
+				label: h("nav.licenses", { defaultValue: "Licenses" }),
+				path: t(o, "licenses"),
+				icon: /* @__PURE__ */ p(c, { size: 20 }),
 				order: 50,
 				group: "store"
 			}
-		];
-		if (T) {
-			let e = [
-				{
-					id: "store-publisher-dashboard",
-					label: w("nav.publisherDashboard", { defaultValue: "Dashboard" }),
-					path: t(c, "publisher"),
-					icon: /* @__PURE__ */ b(m, { size: 20 }),
-					order: 10
-				},
-				{
-					id: "store-publisher-submit",
-					label: w("nav.submitProduct", { defaultValue: "Submit Product" }),
-					path: t(c, "publisher/submit"),
-					icon: /* @__PURE__ */ b(y, { size: 20 }),
-					order: 20
-				},
-				{
-					id: "store-publisher-submissions",
-					label: w("nav.submissions", { defaultValue: "Submissions" }),
-					path: t(c, "publisher/submissions"),
-					icon: /* @__PURE__ */ b(f, { size: 20 }),
-					order: 30
-				}
-			];
-			E && e.push({
-				id: "store-publisher-revenue",
-				label: w("nav.revenue", { defaultValue: "Revenue" }),
-				path: t(c, "publisher/revenue"),
-				icon: /* @__PURE__ */ b(d, { size: 20 }),
-				order: 40
-			}), n.push({
-				id: "store-publisher",
-				label: w("nav.publisher", { defaultValue: "Publisher Portal" }),
-				path: t(c, "publisher"),
-				icon: /* @__PURE__ */ b(u, { size: 20 }),
-				order: 60,
-				group: "store",
-				children: e
-			});
-		}
-		return e(n);
+		]);
 	}, [
 		e,
-		c,
-		x,
-		T,
-		E,
-		w
+		o,
+		m,
+		h
 	]);
-	let D = o(() => [{
+	let g = i(() => [{
 		id: "store-status",
-		label: w("store.footer.ready", { defaultValue: "Store Ready" }),
+		label: h("store.footer.ready", { defaultValue: "Store Ready" }),
 		type: "status",
 		order: 10,
 		section: "left"
-	}], [w]);
-	return a(() => {
-		if (s) return s(D);
-	}, [s, D]), /* @__PURE__ */ b(r, {});
+	}], [h]);
+	return r(() => {
+		if (a) return a(g);
+	}, [a, g]), /* @__PURE__ */ p(t, {});
 };
 //#endregion
-export { x as StoreRoot };
+export { m as StoreRoot };
 
 //# sourceMappingURL=StoreRoot.js.map

package/dist/StoreRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"StoreRoot.js","names":[],"sources":["../src/StoreRoot.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useEffect, useMemo } from 'react';\nimport { ErrorBoundary } from '@burdenoff/fe-libs/shared/components';\nimport { FeatureFlagProvider } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  ShoppingBag,\n  ShoppingCart,\n  Receipt,\n  Package,\n  Key,\n  Briefcase,\n  LayoutDashboard,\n  Upload,\n  FileCheck,\n  DollarSign,\n} from 'lucide-react';\nimport { StoreProvider } from './providers/StoreProvider';\nimport type { NavItem, StoreRootProps } from './types';\nimport { StoreRoutes } from './StoreRoutes';\nimport { useCart } from './hooks/useCart';\nimport { useStorePermissions, STORE_PERMISSIONS } from './hooks/useStorePermissions';\n\n/**\n * Root component for the Store microfrontend.\n *\n * This is the main entry point that host applications import and render.\n * It sets up the necessary providers and renders the internal routing.\n * Automatically registers navigation items with the shell if registration functions are provided.\n *\n * @example\n * ```tsx\n * import { StoreRoot, type StoreRootProps } from '@burdenoff/micro-fe/store';\n *\n * function App() {\n *   const props: StoreRootProps = {\n *     basePath: '/store',\n *     navigate: (path) => router.push(path),\n *     currentUser: { id: '1', email: 'user@example.com', firstName: 'John', lastName: 'Doe' },\n *     workspaceId: 'ws-123',\n *     organizationId: 'org-123',\n *     apiGatewayUrl: 'https://api.example.com/tenant/graphql',\n *     authToken: 'token',\n *     registerNavItems: (items) => { return () => {}; },\n *   };\n *\n *   return <StoreRoot {...props} />;\n * }\n * ```\n */\nexport const StoreRoot: FC<StoreRootProps> = (props) => {\n  const { t } = useI18n();\n\n  return (\n    <FeatureFlagProvider\n      workspaceId={props.workspaceId ?? null}\n      gateway=\"global\"\n      defaultEnabled={true}\n    >\n      <ErrorBoundary\n        fallback={\n          <div className=\"p-6 text-center text-text-secondary\">\n            {t('common.moduleLoadError', {\n              defaultValue: 'Something went wrong loading this module. Please refresh the page.',\n            })}\n          </div>\n        }\n      >\n        <StoreProvider {...props}>\n          <StoreNavigationRegistration {...props} />\n        </StoreProvider>\n      </ErrorBoundary>\n    </FeatureFlagProvider>\n  );\n};\n\n/**\n * Internal component that handles navigation registration\n */\nconst StoreNavigationRegistration: FC<StoreRootProps> = ({\n  registerNavItems,\n  registerFooterItems,\n  basePath = '/',\n}) => {\n  const { itemCount } = useCart(); // Get item count from backend cart\n  const { permissions, hasPermission } = useStorePermissions();\n  const { t } = useI18n();\n\n  // Extract primitive flags so the registration effect only re-runs when\n  // values actually change — not on every re-render of the permissions\n  // object or memoized `hasPermission` identity. Without this, the parent\n  // shell's nav store subscription causes a render loop: register → state\n  // change → parent re-render → new permissions object → effect re-run →\n  // unregister → register → ... (\"Maximum update depth exceeded\").\n  const canPublish = permissions.canPublish;\n  const canReadEarnings = hasPermission(STORE_PERMISSIONS.EARNINGS_READ);\n\n  // Register navigation items with the shell\n  useEffect(() => {\n    if (!registerNavItems) return;\n\n    const joinPath = (base: string, path: string): string => {\n      const cleanBase = base.endsWith('/') ? base.slice(0, -1) : base;\n      const cleanPath = path.startsWith('/') ? path : `/${path}`;\n      return cleanBase + cleanPath;\n    };\n\n    const navItems: NavItem[] = [\n      {\n        id: 'store-marketplace',\n        label: t('nav.marketplace', { defaultValue: 'Marketplace' }),\n        path: joinPath(basePath, 'marketplace'),\n        icon: <ShoppingBag size={20} />,\n        order: 10,\n        group: 'store',\n      },\n      {\n        id: 'store-cart',\n        label: t('nav.cart', { defaultValue: 'Cart' }),\n        path: joinPath(basePath, 'cart'),\n        icon: <ShoppingCart size={20} />,\n        badge: itemCount > 0 ? itemCount : undefined,\n        order: 20,\n        group: 'store',\n      },\n      {\n        id: 'store-orders',\n        label: t('nav.orders', { defaultValue: 'My Orders' }),\n        path: joinPath(basePath, 'orders'),\n        icon: <Receipt size={20} />,\n        order: 30,\n        group: 'store',\n      },\n      {\n        id: 'store-installed',\n        label: t('nav.installed', { defaultValue: 'Installed Apps' }),\n        path: joinPath(basePath, 'installed'),\n        icon: <Package size={20} />,\n        order: 40,\n        group: 'store',\n      },\n      {\n        id: 'store-licenses',\n        label: t('nav.licenses', { defaultValue: 'Licenses' }),\n        path: joinPath(basePath, 'licenses'),\n        icon: <Key size={20} />,\n        order: 50,\n        group: 'store',\n      },\n    ];\n\n    if (canPublish) {\n      const publisherChildren: NavItem[] = [\n        {\n          id: 'store-publisher-dashboard',\n          label: t('nav.publisherDashboard', { defaultValue: 'Dashboard' }),\n          path: joinPath(basePath, 'publisher'),\n          icon: <LayoutDashboard size={20} />,\n          order: 10,\n        },\n        {\n          id: 'store-publisher-submit',\n          label: t('nav.submitProduct', { defaultValue: 'Submit Product' }),\n          path: joinPath(basePath, 'publisher/submit'),\n          icon: <Upload size={20} />,\n          order: 20,\n        },\n        {\n          id: 'store-publisher-submissions',\n          label: t('nav.submissions', { defaultValue: 'Submissions' }),\n          path: joinPath(basePath, 'publisher/submissions'),\n          icon: <FileCheck size={20} />,\n          order: 30,\n        },\n      ];\n\n      if (canReadEarnings) {\n        publisherChildren.push({\n          id: 'store-publisher-revenue',\n          label: t('nav.revenue', { defaultValue: 'Revenue' }),\n          path: joinPath(basePath, 'publisher/revenue'),\n          icon: <DollarSign size={20} />,\n          order: 40,\n        });\n      }\n\n      navItems.push({\n        id: 'store-publisher',\n        label: t('nav.publisher', { defaultValue: 'Publisher Portal' }),\n        path: joinPath(basePath, 'publisher'),\n        icon: <Briefcase size={20} />,\n        order: 60,\n        group: 'store',\n        children: publisherChildren,\n      });\n    }\n\n    const cleanup = registerNavItems(navItems);\n    return cleanup;\n  }, [registerNavItems, basePath, itemCount, canPublish, canReadEarnings, t]);\n\n  // Register footer items — memoized to avoid re-registering on every render.\n  const footerItems = useMemo(\n    () => [\n      {\n        id: 'store-status',\n        label: t('store.footer.ready', { defaultValue: 'Store Ready' }),\n        type: 'status' as const,\n        order: 10,\n        section: 'left' as const,\n      },\n    ],\n    [t]\n  );\n\n  useEffect(() => {\n    if (!registerFooterItems) return;\n    const cleanup = registerFooterItems(footerItems);\n    return cleanup;\n  }, [registerFooterItems, footerItems]);\n\n  return <StoreRoutes />;\n};\n"],"mappings":"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"}
+{"version":3,"file":"StoreRoot.js","names":[],"sources":["../src/StoreRoot.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useEffect, useMemo } from 'react';\nimport { ErrorBoundary } from '@burdenoff/fe-libs/shared/components';\nimport { FeatureFlagProvider } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { ShoppingBag, ShoppingCart, Receipt, Package, Key } from 'lucide-react';\nimport { StoreProvider } from './providers/StoreProvider';\nimport type { NavItem, StoreRootProps } from './types';\nimport { StoreRoutes } from './StoreRoutes';\nimport { useCart } from './hooks/useCart';\n\n/**\n * Root component for the Store microfrontend.\n *\n * This is the main entry point that host applications import and render.\n * It sets up the necessary providers and renders the internal routing.\n * Automatically registers navigation items with the shell if registration functions are provided.\n *\n * @example\n * ```tsx\n * import { StoreRoot, type StoreRootProps } from '@burdenoff/micro-fe/store';\n *\n * function App() {\n *   const props: StoreRootProps = {\n *     basePath: '/store',\n *     navigate: (path) => router.push(path),\n *     currentUser: { id: '1', email: 'user@example.com', firstName: 'John', lastName: 'Doe' },\n *     workspaceId: 'ws-123',\n *     organizationId: 'org-123',\n *     apiGatewayUrl: 'https://api.example.com/tenant/graphql',\n *     authToken: 'token',\n *     registerNavItems: (items) => { return () => {}; },\n *   };\n *\n *   return <StoreRoot {...props} />;\n * }\n * ```\n */\nexport const StoreRoot: FC<StoreRootProps> = (props) => {\n  const { t } = useI18n();\n\n  return (\n    <FeatureFlagProvider\n      workspaceId={props.workspaceId ?? null}\n      gateway=\"global\"\n      defaultEnabled={true}\n    >\n      <ErrorBoundary\n        fallback={\n          <div className=\"p-6 text-center text-text-secondary\">\n            {t('common.moduleLoadError', {\n              defaultValue: 'Something went wrong loading this module. Please refresh the page.',\n            })}\n          </div>\n        }\n      >\n        <StoreProvider {...props}>\n          <StoreNavigationRegistration {...props} />\n        </StoreProvider>\n      </ErrorBoundary>\n    </FeatureFlagProvider>\n  );\n};\n\n/**\n * Internal component that handles navigation registration\n */\nconst StoreNavigationRegistration: FC<StoreRootProps> = ({\n  registerNavItems,\n  registerFooterItems,\n  basePath = '/',\n}) => {\n  const { itemCount } = useCart();\n  const { t } = useI18n();\n\n  // Register navigation items with the shell\n  useEffect(() => {\n    if (!registerNavItems) return;\n\n    const joinPath = (base: string, path: string): string => {\n      const cleanBase = base.endsWith('/') ? base.slice(0, -1) : base;\n      const cleanPath = path.startsWith('/') ? path : `/${path}`;\n      return cleanBase + cleanPath;\n    };\n\n    const navItems: NavItem[] = [\n      {\n        id: 'store-marketplace',\n        label: t('nav.marketplace', { defaultValue: 'Marketplace' }),\n        path: joinPath(basePath, 'marketplace'),\n        icon: <ShoppingBag size={20} />,\n        order: 10,\n        group: 'store',\n      },\n      {\n        id: 'store-cart',\n        label: t('nav.cart', { defaultValue: 'Cart' }),\n        path: joinPath(basePath, 'cart'),\n        icon: <ShoppingCart size={20} />,\n        badge: itemCount > 0 ? itemCount : undefined,\n        order: 20,\n        group: 'store',\n      },\n      {\n        id: 'store-orders',\n        label: t('nav.orders', { defaultValue: 'My Orders' }),\n        path: joinPath(basePath, 'orders'),\n        icon: <Receipt size={20} />,\n        order: 30,\n        group: 'store',\n      },\n      {\n        id: 'store-installed',\n        label: t('nav.installed', { defaultValue: 'Installed Apps' }),\n        path: joinPath(basePath, 'installed'),\n        icon: <Package size={20} />,\n        order: 40,\n        group: 'store',\n      },\n      {\n        id: 'store-licenses',\n        label: t('nav.licenses', { defaultValue: 'Licenses' }),\n        path: joinPath(basePath, 'licenses'),\n        icon: <Key size={20} />,\n        order: 50,\n        group: 'store',\n      },\n    ];\n\n    const cleanup = registerNavItems(navItems);\n    return cleanup;\n  }, [registerNavItems, basePath, itemCount, t]);\n\n  // Register footer items — memoized to avoid re-registering on every render.\n  const footerItems = useMemo(\n    () => [\n      {\n        id: 'store-status',\n        label: t('store.footer.ready', { defaultValue: 'Store Ready' }),\n        type: 'status' as const,\n        order: 10,\n        section: 'left' as const,\n      },\n    ],\n    [t]\n  );\n\n  useEffect(() => {\n    if (!registerFooterItems) return;\n    const cleanup = registerFooterItems(footerItems);\n    return cleanup;\n  }, [registerFooterItems, footerItems]);\n\n  return <StoreRoutes />;\n};\n"],"mappings":";;;;;;;;;;AAsCA,IAAa,KAAiC,MAAU;CACtD,IAAM,EAAE,SAAM,GAAS;AAEvB,QACE,kBAAC,GAAD;EACE,aAAa,EAAM,eAAe;EAClC,SAAQ;EACR,gBAAgB;YAEhB,kBAAC,GAAD;GACE,UACE,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAE,0BAA0B,EAC3B,cAAc,sEACf,CAAC;IACE,CAAA;aAGR,kBAAC,GAAD;IAAe,GAAI;cACjB,kBAAC,GAAD,EAA6B,GAAI,GAAS,CAAA;IAC5B,CAAA;GACF,CAAA;EACI,CAAA;GAOpB,KAAmD,EACvD,qBACA,wBACA,cAAW,UACP;CACJ,IAAM,EAAE,iBAAc,GAAS,EACzB,EAAE,SAAM,GAAS;AAGvB,SAAgB;AACd,MAAI,CAAC,EAAkB;EAEvB,IAAM,KAAY,GAAc,OACZ,EAAK,SAAS,IAAI,GAAG,EAAK,MAAM,GAAG,GAAG,GAAG,MACzC,EAAK,WAAW,IAAI,GAAG,IAAO,IAAI;AAiDtD,SADgB,EA5CY;GAC1B;IACE,IAAI;IACJ,OAAO,EAAE,mBAAmB,EAAE,cAAc,eAAe,CAAC;IAC5D,MAAM,EAAS,GAAU,cAAc;IACvC,MAAM,kBAAC,GAAD,EAAa,MAAM,IAAM,CAAA;IAC/B,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,YAAY,EAAE,cAAc,QAAQ,CAAC;IAC9C,MAAM,EAAS,GAAU,OAAO;IAChC,MAAM,kBAAC,GAAD,EAAc,MAAM,IAAM,CAAA;IAChC,OAAO,IAAY,IAAI,IAAY,KAAA;IACnC,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,cAAc,EAAE,cAAc,aAAa,CAAC;IACrD,MAAM,EAAS,GAAU,SAAS;IAClC,MAAM,kBAAC,GAAD,EAAS,MAAM,IAAM,CAAA;IAC3B,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,iBAAiB,EAAE,cAAc,kBAAkB,CAAC;IAC7D,MAAM,EAAS,GAAU,YAAY;IACrC,MAAM,kBAAC,GAAD,EAAS,MAAM,IAAM,CAAA;IAC3B,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,gBAAgB,EAAE,cAAc,YAAY,CAAC;IACtD,MAAM,EAAS,GAAU,WAAW;IACpC,MAAM,kBAAC,GAAD,EAAK,MAAM,IAAM,CAAA;IACvB,OAAO;IACP,OAAO;IACR;GACF,CAEyC;IAEzC;EAAC;EAAkB;EAAU;EAAW;EAAE,CAAC;CAG9C,IAAM,IAAc,QACZ,CACJ;EACE,IAAI;EACJ,OAAO,EAAE,sBAAsB,EAAE,cAAc,eAAe,CAAC;EAC/D,MAAM;EACN,OAAO;EACP,SAAS;EACV,CACF,EACD,CAAC,EAAE,CACJ;AAQD,QANA,QAAgB;AACT,QAEL,QADgB,EAAoB,EAAY;IAE/C,CAAC,GAAqB,EAAY,CAAC,EAE/B,kBAAC,GAAD,EAAe,CAAA"}

package/dist/StoreRoutes.js

@@ -1,26 +1,26 @@
 import { useStore as e } from "./providers/StoreProvider.js";
-import { STORE_PERMISSIONS as t, useStorePermissions as n } from "./hooks/useStorePermissions.js";
-import { AccessDenied as r } from "./components/AccessDenied.js";
-import { PageLoadingFallback as i } from "./components/RouteGuards.js";
-import { Suspense as a, lazy as o } from "react";
-import { FeatureGate as s } from "@burdenoff/fe-libs/shared/feature-flags";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Navigate as u, Route as d, Routes as f } from "react-router-dom";
+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-dom";
 //#region src/StoreRoutes.tsx
-var p = o(() => import("./pages/MarketplaceHomePage.js").then((e) => ({ default: e.MarketplaceHomePage }))), m = o(() => import("./pages/InstalledAppsPage.js").then((e) => ({ default: e.InstalledAppsPage }))), h = o(() => import("./pages/ProductDetailPage.js").then((e) => ({ default: e.ProductDetailPage }))), g = o(() => import("./pages/CartPage.js").then((e) => ({ default: e.CartPage }))), _ = o(() => import("./pages/OrdersPage.js").then((e) => ({ default: e.OrdersPage }))), v = o(() => import("./pages/PublisherSubmitPage.js").then((e) => ({ default: e.PublisherSubmitPage }))), y = o(() => import("./pages/MyLicensesPage.js").then((e) => ({ default: e.MyLicensesPage }))), b = o(() => import("./pages/OrderConfirmationPage.js").then((e) => ({ default: e.OrderConfirmationPage }))), x = o(() => import("./pages/PublisherDashboardPage.js").then((e) => ({ default: e.PublisherDashboardPage }))), S = o(() => import("./pages/PublisherSubmissionsPage.js").then((e) => ({ default: e.PublisherSubmissionsPage }))), C = o(() => import("./pages/PublisherRevenuePage.js").then((e) => ({ default: e.PublisherRevenuePage }))), w = o(() => import("./pages/AppDetailPage.js").then((e) => ({ default: e.AppDetailPage }))), T = o(() => import("./pages/AppSettingsPage.js").then((e) => ({ default: e.AppSettingsPage }))), E = o(() => import("./pages/ProductReviewsPage.js").then((e) => ({ default: e.ProductReviewsPage })));
-function D({ title: e, featureFlag: t }) {
-	return /* @__PURE__ */ c("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 })));
+function x({ title: e, featureFlag: t }) {
+	return /* @__PURE__ */ s("div", {
 		className: "flex min-h-[400px] items-center justify-center p-6",
-		children: /* @__PURE__ */ l("div", {
-			className: "max-w-md rounded-lg border border-border bg-card p-6 text-center shadow-sm",
-			children: [/* @__PURE__ */ l("h2", {
-				className: "text-lg font-semibold text-foreground",
+		children: /* @__PURE__ */ c("div", {
+			className: "max-w-md rounded-lg border border-border-subtle bg-bg-surface p-6 text-center shadow-sm",
+			children: [/* @__PURE__ */ c("h2", {
+				className: "text-lg font-semibold text-text-primary",
 				children: [e, " is not enabled"]
-			}), /* @__PURE__ */ l("p", {
-				className: "mt-2 text-sm text-muted-foreground",
+			}), /* @__PURE__ */ c("p", {
+				className: "mt-2 text-sm text-text-secondary",
 				children: [
 					"Ask an administrator to enable the ",
-					/* @__PURE__ */ c("span", {
+					/* @__PURE__ */ s("span", {
 						className: "font-mono",
 						children: t
 					}),
@@ -31,219 +31,154 @@ function D({ title: e, featureFlag: t }) {
 		})
 	});
 }
-function O({ title: e, featureFlag: t, allowed: n, isLoading: a, children: o }) {
-	return a ? /* @__PURE__ */ c(i, {}) : /* @__PURE__ */ c(s, {
+function S({ title: e, featureFlag: t, allowed: i, isLoading: a, children: c }) {
+	return a ? /* @__PURE__ */ s(r, {}) : /* @__PURE__ */ s(o, {
 		flag: t,
 		defaultValue: !0,
-		fallback: /* @__PURE__ */ c(D, {
+		fallback: /* @__PURE__ */ s(x, {
 			title: e,
 			featureFlag: t
 		}),
-		children: n ? o : /* @__PURE__ */ c(r, {})
+		children: i ? c : /* @__PURE__ */ s(n, {})
 	});
 }
-var k = () => {
-	let { basePath: r } = e(), { permissions: o, hasPermission: s, isLoading: D } = n();
-	return /* @__PURE__ */ l(f, { children: [
-		/* @__PURE__ */ c(d, {
+var C = () => {
+	let { basePath: n } = e(), { permissions: a, isLoading: o } = t();
+	return /* @__PURE__ */ c(d, { children: [
+		/* @__PURE__ */ s(u, {
 			index: !0,
-			element: /* @__PURE__ */ c(u, {
+			element: /* @__PURE__ */ s(l, {
 				to: "marketplace",
 				replace: !0
 			})
 		}),
-		/* @__PURE__ */ c(d, {
+		/* @__PURE__ */ s(u, {
 			path: "marketplace",
-			element: /* @__PURE__ */ c(O, {
+			element: /* @__PURE__ */ s(S, {
 				title: "Marketplace",
 				featureFlag: "store.marketplace",
-				allowed: o.canBrowse,
-				isLoading: D,
-				children: /* @__PURE__ */ c(a, {
-					fallback: /* @__PURE__ */ c(i, {}),
-					children: /* @__PURE__ */ c(p, {})
+				allowed: a.canBrowse,
+				isLoading: o,
+				children: /* @__PURE__ */ s(i, {
+					fallback: /* @__PURE__ */ s(r, {}),
+					children: /* @__PURE__ */ s(f, {})
 				})
 			})
 		}),
-		/* @__PURE__ */ c(d, {
+		/* @__PURE__ */ s(u, {
 			path: "marketplace/product/:productId",
-			element: /* @__PURE__ */ c(O, {
+			element: /* @__PURE__ */ s(S, {
 				title: "Marketplace",
 				featureFlag: "store.marketplace",
-				allowed: o.canBrowse,
-				isLoading: D,
-				children: /* @__PURE__ */ c(a, {
-					fallback: /* @__PURE__ */ c(i, {}),
-					children: /* @__PURE__ */ c(h, {})
+				allowed: a.canBrowse,
+				isLoading: o,
+				children: /* @__PURE__ */ s(i, {
+					fallback: /* @__PURE__ */ s(r, {}),
+					children: /* @__PURE__ */ s(m, {})
 				})
 			})
 		}),
-		/* @__PURE__ */ c(d, {
+		/* @__PURE__ */ s(u, {
 			path: "cart",
-			element: /* @__PURE__ */ c(O, {
+			element: /* @__PURE__ */ s(S, {
 				title: "Cart",
 				featureFlag: "store.cart",
-				allowed: o.canPurchase,
-				isLoading: D,
-				children: /* @__PURE__ */ c(a, {
-					fallback: /* @__PURE__ */ c(i, {}),
-					children: /* @__PURE__ */ c(g, {})
+				allowed: a.canPurchase,
+				isLoading: o,
+				children: /* @__PURE__ */ s(i, {
+					fallback: /* @__PURE__ */ s(r, {}),
+					children: /* @__PURE__ */ s(h, {})
 				})
 			})
 		}),
-		/* @__PURE__ */ c(d, {
+		/* @__PURE__ */ s(u, {
 			path: "orders/:orderId/confirmation",
-			element: /* @__PURE__ */ c(O, {
+			element: /* @__PURE__ */ s(S, {
 				title: "Order confirmation",
 				featureFlag: "store.orders",
-				allowed: o.canPurchase,
-				isLoading: D,
-				children: /* @__PURE__ */ c(a, {
-					fallback: /* @__PURE__ */ c(i, {}),
-					children: /* @__PURE__ */ c(b, {})
+				allowed: a.canPurchase,
+				isLoading: o,
+				children: /* @__PURE__ */ s(i, {
+					fallback: /* @__PURE__ */ s(r, {}),
+					children: /* @__PURE__ */ s(v, {})
 				})
 			})
 		}),
-		/* @__PURE__ */ c(d, {
+		/* @__PURE__ */ s(u, {
 			path: "orders",
-			element: /* @__PURE__ */ c(O, {
+			element: /* @__PURE__ */ s(S, {
 				title: "Orders",
 				featureFlag: "store.orders",
-				allowed: o.canPurchase,
-				isLoading: D,
-				children: /* @__PURE__ */ c(a, {
-					fallback: /* @__PURE__ */ c(i, {}),
-					children: /* @__PURE__ */ c(_, {})
+				allowed: a.canPurchase,
+				isLoading: o,
+				children: /* @__PURE__ */ s(i, {
+					fallback: /* @__PURE__ */ s(r, {}),
+					children: /* @__PURE__ */ s(g, {})
 				})
 			})
 		}),
-		/* @__PURE__ */ c(d, {
+		/* @__PURE__ */ s(u, {
 			path: "installed",
-			element: /* @__PURE__ */ c(O, {
+			element: /* @__PURE__ */ s(S, {
 				title: "Installed apps",
 				featureFlag: "store.installed",
-				allowed: o.canInstall,
-				isLoading: D,
-				children: /* @__PURE__ */ c(a, {
-					fallback: /* @__PURE__ */ c(i, {}),
-					children: /* @__PURE__ */ c(m, {})
+				allowed: a.canInstall,
+				isLoading: o,
+				children: /* @__PURE__ */ s(i, {
+					fallback: /* @__PURE__ */ s(r, {}),
+					children: /* @__PURE__ */ s(p, {})
 				})
 			})
 		}),
-		/* @__PURE__ */ c(d, {
+		/* @__PURE__ */ s(u, {
 			path: "installed/:installationId",
-			element: /* @__PURE__ */ c(O, {
+			element: /* @__PURE__ */ s(S, {
 				title: "Installed apps",
 				featureFlag: "store.installed",
-				allowed: o.canInstall,
-				isLoading: D,
-				children: /* @__PURE__ */ c(a, {
-					fallback: /* @__PURE__ */ c(i, {}),
-					children: /* @__PURE__ */ c(w, {})
+				allowed: a.canInstall,
+				isLoading: o,
+				children: /* @__PURE__ */ s(i, {
+					fallback: /* @__PURE__ */ s(r, {}),
+					children: /* @__PURE__ */ s(y, {})
 				})
 			})
 		}),
-		/* @__PURE__ */ c(d, {
+		/* @__PURE__ */ s(u, {
 			path: "installed/:installationId/settings",
-			element: /* @__PURE__ */ c(O, {
+			element: /* @__PURE__ */ s(S, {
 				title: "Installed apps",
 				featureFlag: "store.installed",
-				allowed: o.canInstall,
-				isLoading: D,
-				children: /* @__PURE__ */ c(a, {
-					fallback: /* @__PURE__ */ c(i, {}),
-					children: /* @__PURE__ */ c(T, {})
+				allowed: a.canInstall,
+				isLoading: o,
+				children: /* @__PURE__ */ s(i, {
+					fallback: /* @__PURE__ */ s(r, {}),
+					children: /* @__PURE__ */ s(b, {})
 				})
 			})
 		}),
-		/* @__PURE__ */ c(d, {
+		/* @__PURE__ */ s(u, {
 			path: "licenses",
-			element: /* @__PURE__ */ c(O, {
+			element: /* @__PURE__ */ s(S, {
 				title: "Licenses",
 				featureFlag: "store.licenses",
-				allowed: o.canManageLicenses,
-				isLoading: D,
-				children: /* @__PURE__ */ c(a, {
-					fallback: /* @__PURE__ */ c(i, {}),
-					children: /* @__PURE__ */ c(y, {})
+				allowed: a.canManageLicenses,
+				isLoading: o,
+				children: /* @__PURE__ */ s(i, {
+					fallback: /* @__PURE__ */ s(r, {}),
+					children: /* @__PURE__ */ s(_, {})
 				})
 			})
 		}),
-		/* @__PURE__ */ c(d, {
-			path: "publisher",
-			element: /* @__PURE__ */ c(O, {
-				title: "Publisher portal",
-				featureFlag: "store.publisher-portal",
-				allowed: o.canPublish,
-				isLoading: D,
-				children: /* @__PURE__ */ c(a, {
-					fallback: /* @__PURE__ */ c(i, {}),
-					children: /* @__PURE__ */ c(x, {})
-				})
-			})
-		}),
-		/* @__PURE__ */ c(d, {
-			path: "publisher/submit",
-			element: /* @__PURE__ */ c(O, {
-				title: "Publisher portal",
-				featureFlag: "store.publisher-portal",
-				allowed: o.canPublish,
-				isLoading: D,
-				children: /* @__PURE__ */ c(a, {
-					fallback: /* @__PURE__ */ c(i, {}),
-					children: /* @__PURE__ */ c(v, {})
-				})
-			})
-		}),
-		/* @__PURE__ */ c(d, {
-			path: "publisher/submissions",
-			element: /* @__PURE__ */ c(O, {
-				title: "Publisher portal",
-				featureFlag: "store.publisher-portal",
-				allowed: o.canPublish,
-				isLoading: D,
-				children: /* @__PURE__ */ c(a, {
-					fallback: /* @__PURE__ */ c(i, {}),
-					children: /* @__PURE__ */ c(S, {})
-				})
-			})
-		}),
-		/* @__PURE__ */ c(d, {
-			path: "publisher/revenue",
-			element: /* @__PURE__ */ c(O, {
-				title: "Publisher revenue",
-				featureFlag: "store.publisher-portal.revenue",
-				allowed: s(t.EARNINGS_READ),
-				isLoading: D,
-				children: /* @__PURE__ */ c(a, {
-					fallback: /* @__PURE__ */ c(i, {}),
-					children: /* @__PURE__ */ c(C, {})
-				})
-			})
-		}),
-		/* @__PURE__ */ c(d, {
-			path: "publisher/product/:productId/reviews",
-			element: /* @__PURE__ */ c(O, {
-				title: "Publisher portal",
-				featureFlag: "store.publisher-portal",
-				allowed: o.canPublish,
-				isLoading: D,
-				children: /* @__PURE__ */ c(a, {
-					fallback: /* @__PURE__ */ c(i, {}),
-					children: /* @__PURE__ */ c(E, {})
-				})
-			})
-		}),
-		/* @__PURE__ */ c(d, {
+		/* @__PURE__ */ s(u, {
 			path: "*",
-			element: /* @__PURE__ */ c(u, {
-				to: `${r}/marketplace`,
+			element: /* @__PURE__ */ s(l, {
+				to: `${n}/marketplace`,
 				replace: !0
 			})
 		})
 	] });
 };
 //#endregion
-export { k as StoreRoutes };
+export { C as StoreRoutes };
 
 //# sourceMappingURL=StoreRoutes.js.map