npm - @burdenoff/microfe-devportal - Versions diffs - 2026.1107.3 → 2026.1108.2 - Mend

@burdenoff/microfe-devportal 2026.1107.3 → 2026.1108.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1400) hide show

package/dist/devportal/DevportalRoutes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DevportalRoutes.js","names":[],"sources":["../../src/devportal/DevportalRoutes.tsx"],"sourcesContent":["import { Suspense, lazy, useEffect, type ReactNode } from \"react\";\nimport { Routes, Route, Navigate, Outlet, useLocation } from \"react-router\";\nimport { LoadingState } from \"./components/LoadingState\";\nimport { FeatureFlaggedRoute } from \"./components/FeatureFlaggedRoute\";\nimport { TelemetryErrorBoundary } from \"./components/TelemetryErrorBoundary\";\nimport { OrgSwitcher } from \"./components/SectionNav\";\nimport { useDevportal } from \"./providers/DevportalProvider\";\n\n/*\n Catch-all redirect target for the unmatched `` route. Uses the\n DevportalProvider's `basePath` and `navigate` so the redirect works\n * regardless of the integration mode (shell or standalone). Falls back to a\n * relative Navigate when neither is wired, which is the standalone/test path.\n /\nfunction CatchAllRedirect() {\n const { basePath, navigate } = useDevportal();\n useEffect(() => {\n if (basePath && navigate) {\n const target = basePath.endsWith(\"/\") ? basePath.slice(0, -1) : basePath;\n navigate(target \|\| \"/\");\n }\n }, [basePath, navigate]);\n if (basePath && navigate) return null;\n return <Navigate to=\"..\" replace />;\n}\n\n/\n Wrap a page element with the per-route feature flag gate and a\n * telemetry-emitting error boundary. The flag name follows\n * `devportal.<page-slug>` convention; when disabled the user sees a\n * graceful fallback instead of a route-level crash.\n \n Per `dev/platform/context/commercial/feature-flags` and spec\n * `microfrontends/47-FRONTEND-EVENT-BUS.md` (error.boundary emission).\n /\nfunction gated(slug: string, element: ReactNode): ReactNode {\n return (\n <TelemetryErrorBoundary scope={slug}>\n <FeatureFlaggedRoute flag={`devportal.${slug}`}>\n {element}\n </FeatureFlaggedRoute>\n </TelemetryErrorBoundary>\n );\n}\n\n// Eager load the main dashboard page\nimport { DashboardPage } from \"./pages/DashboardPage\";\n\n// Lazy load all other pages\nconst OrganizationsPage = lazy(() =>\n import(\"./pages/OrganizationsPage\").then((m) => ({\n default: m.OrganizationsPage,\n })),\n);\nconst OrganizationDetailPage = lazy(() =>\n import(\"./pages/OrganizationDetailPage\").then((m) => ({\n default: m.OrganizationDetailPage,\n })),\n);\nconst CreateOrganizationPage = lazy(() =>\n import(\"./pages/CreateOrganizationPage\").then((m) => ({\n default: m.CreateOrganizationPage,\n })),\n);\nconst OrganizationMembersPage = lazy(() =>\n import(\"./pages/OrganizationMembersPage\").then((m) => ({\n default: m.OrganizationMembersPage,\n })),\n);\nconst RevenueDashboardPage = lazy(() =>\n import(\"./pages/RevenueDashboardPage\").then((m) => ({\n default: m.RevenueDashboardPage,\n })),\n);\nconst ApplicationsPage = lazy(() =>\n import(\"./pages/ApplicationsPage\").then((m) => ({\n default: m.ApplicationsPage,\n })),\n);\nconst ApplicationDetailPage = lazy(() =>\n import(\"./pages/ApplicationDetailPage\").then((m) => ({\n default: m.ApplicationDetailPage,\n })),\n);\nconst CreateApplicationPage = lazy(() =>\n import(\"./pages/CreateApplicationPage\").then((m) => ({\n default: m.CreateApplicationPage,\n })),\n);\nconst EditApplicationPage = lazy(() =>\n import(\"./pages/EditApplicationPage\").then((m) => ({\n default: m.EditApplicationPage,\n })),\n);\nconst ApplicationVersionsPage = lazy(() =>\n import(\"./pages/ApplicationVersionsPage\").then((m) => ({\n default: m.ApplicationVersionsPage,\n })),\n);\nconst OAuthCallbackPage = lazy(() =>\n import(\"./pages/OAuthCallbackPage\").then((m) => ({\n default: m.OAuthCallbackPage,\n })),\n);\nconst OAuthClientsPage = lazy(() =>\n import(\"./pages/OAuthClientsPage\").then((m) => ({\n default: m.OAuthClientsPage,\n })),\n);\nconst CreateOAuthClientPage = lazy(() =>\n import(\"./pages/CreateOAuthClientPage\").then((m) => ({\n default: m.CreateOAuthClientPage,\n })),\n);\nconst OAuthClientDetailPage = lazy(() =>\n import(\"./pages/OAuthClientDetailPage\").then((m) => ({\n default: m.OAuthClientDetailPage,\n })),\n);\nconst ApiKeysPage = lazy(() =>\n import(\"./pages/ApiKeysPage\").then((m) => ({ default: m.ApiKeysPage })),\n);\nconst CreateApiKeyPage = lazy(() =>\n import(\"./pages/CreateApiKeyPage\").then((m) => ({\n default: m.CreateApiKeyPage,\n })),\n);\nconst WebhooksPage = lazy(() =>\n import(\"./pages/WebhooksPage\").then((m) => ({ default: m.WebhooksPage })),\n);\nconst CreateWebhookPage = lazy(() =>\n import(\"./pages/CreateWebhookPage\").then((m) => ({\n default: m.CreateWebhookPage,\n })),\n);\nconst WebhookDetailPage = lazy(() =>\n import(\"./pages/WebhookDetailPage\").then((m) => ({\n default: m.WebhookDetailPage,\n })),\n);\nconst AnalyticsDashboardPage = lazy(() =>\n import(\"./pages/AnalyticsDashboardPage\").then((m) => ({\n default: m.AnalyticsDashboardPage,\n })),\n);\nconst DocumentationPage = lazy(() =>\n import(\"./pages/DocumentationPage\").then((m) => ({\n default: m.DocumentationPage,\n })),\n);\nconst ResourcesPage = lazy(() =>\n import(\"./pages/ResourcesPage\").then((m) => ({ default: m.ResourcesPage })),\n);\nconst SettingsPage = lazy(() =>\n import(\"./pages/SettingsPage\").then((m) => ({ default: m.SettingsPage })),\n);\nconst NodeLifecyclePage = lazy(() =>\n import(\"./pages/NodeLifecyclePage\").then((m) => ({\n default: m.NodeLifecyclePage,\n })),\n);\nconst PublishPage = lazy(() =>\n import(\"./pages/PublishPage\").then((m) => ({ default: m.PublishPage })),\n);\nconst AppLogsPage = lazy(() =>\n import(\"./pages/AppLogsPage\").then((m) => ({ default: m.AppLogsPage })),\n);\nconst DelegationsPage = lazy(() =>\n import(\"./pages/DelegationsPage\").then((m) => ({\n default: m.DelegationsPage,\n })),\n);\nconst ListingPreviewPage = lazy(() =>\n import(\"./pages/ListingPreviewPage\").then((m) => ({\n default: m.ListingPreviewPage,\n })),\n);\nconst StoreSubmissionPage = lazy(() =>\n import(\"./pages/StoreSubmissionPage\").then((m) => ({\n default: m.StoreSubmissionPage,\n })),\n);\nconst PublisherProfilePage = lazy(() =>\n import(\"./pages/PublisherProfilePage\").then((m) => ({\n default: m.PublisherProfilePage,\n })),\n);\nconst SetupPage = lazy(() =>\n import(\"./pages/SetupPage\").then((m) => ({ default: m.SetupPage })),\n);\nconst InvitationDecisionPage = lazy(() =>\n import(\"./pages/InvitationDecisionPage\").then((m) => ({\n default: m.InvitationDecisionPage,\n })),\n);\nconst SellerDashboardPage = lazy(() =>\n import(\"./pages/SellerDashboardPage\").then((m) => ({\n default: m.SellerDashboardPage,\n })),\n);\nconst SellerItemsPage = lazy(() =>\n import(\"./pages/SellerItemsPage\").then((m) => ({\n default: m.SellerItemsPage,\n })),\n);\nconst CreatePhysicalItemPage = lazy(() =>\n import(\"./pages/CreatePhysicalItemPage\").then((m) => ({\n default: m.CreatePhysicalItemPage,\n })),\n);\nconst SellerOrdersPage = lazy(() =>\n import(\"./pages/SellerOrdersPage\").then((m) => ({\n default: m.SellerOrdersPage,\n })),\n);\nconst EditPhysicalItemPage = lazy(() =>\n import(\"./pages/EditPhysicalItemPage\").then((m) => ({\n default: m.EditPhysicalItemPage,\n })),\n);\n\n/* Layout for app-context routes (/apps/:appId/) — adds the org context bar. /\nfunction AppLayout() {\n return (\n <>\n <OrgContextBar />\n <Outlet />\n </>\n );\n}\n\n/** Slim org-context bar shown above every devportal page. /\nfunction OrgContextBar() {\n return (\n <div className=\"flex items-center justify-end border-b border-border-subtle bg-bg-surface/40 px-4 py-2\">\n <OrgSwitcher />\n </div>\n );\n}\n\n/\n The org switcher only matters on pages that actually read the active-org\n * state it controls (dashboard, apps, webhooks, analytics, revenue, create\n * flows, etc). Pages that are already scoped by their own route param (an\n * org/item detail page) or that list every org regardless of which one is\n * \"active\" (the org list) don't use that state at all, so showing a\n * switcher there is just confusing. Matched by path suffix so it doesn't\n * care which basePath a given product shell mounts devportal under, and\n * works for both the digital (`organizations`) and seller\n * (`seller/organizations`) route families since they share the same pages.\n /\nfunction hideOrgSwitcher(pathname: string): boolean {\n const segments = pathname.split(\"/\").filter(Boolean);\n const last = segments[segments.length - 1];\n const secondLast = segments[segments.length - 2];\n const thirdLast = segments[segments.length - 3];\n\n // organizations \| seller/organizations (list)\n if (last === \"organizations\") return true;\n // organizations/:id \| seller/organizations/:id (detail) — not /new\n if (secondLast === \"organizations\" && last !== \"new\") return true;\n // seller/items/:id (item edit) — not /new\n if (thirdLast === \"seller\" && secondLast === \"items\" && last !== \"new\")\n return true;\n\n return false;\n}\n\n/* Layout wrapping org-context devportal routes — adds the org context bar,\n * except on routes that don't depend on the active-org it controls. /\nfunction GlobalLayout() {\n const { pathname } = useLocation();\n return (\n <>\n {!hideOrgSwitcher(pathname) && <OrgContextBar />}\n <Outlet />\n </>\n );\n}\n\n/* Layout for pages that are not org-scoped (OAuth, API Keys, Docs, Resources). /\nfunction PlainLayout() {\n return <Outlet />;\n}\n\nexport function DevportalRoutes() {\n return (\n <Suspense fallback={<LoadingState message=\"Loading page...\" />}>\n <Routes>\n {/ Setup wizard — no SectionNav /}\n <Route path=\"setup\" element={gated(\"setup\", <SetupPage />)} />\n <Route\n path=\"invitations/:token\"\n element={\n <TelemetryErrorBoundary scope=\"invitations.accept\">\n <InvitationDecisionPage />\n </TelemetryErrorBoundary>\n }\n />\n\n {/ App-context routes (/apps/:appId/) — no SectionNav.\n The app-level tab bar inside ApplicationDetailPage is the nav here. /}\n <Route element={<AppLayout />}>\n <Route\n path=\"apps/:appId\"\n element={gated(\"apps.detail\", <ApplicationDetailPage />)}\n />\n <Route\n path=\"apps/:appId/edit\"\n element={gated(\"apps.edit\", <EditApplicationPage />)}\n />\n <Route\n path=\"apps/:appId/versions\"\n element={gated(\"apps.versions\", <ApplicationVersionsPage />)}\n />\n <Route\n path=\"apps/:appId/versions/:versionId/lifecycle\"\n element={gated(\"apps.node-lifecycle\", <NodeLifecyclePage />)}\n />\n <Route\n path=\"apps/:appId/publish\"\n element={gated(\"apps.publish\", <PublishPage />)}\n />\n <Route\n path=\"apps/:appId/store-submission\"\n element={gated(\"apps.storeSubmission\", <StoreSubmissionPage />)}\n />\n <Route\n path=\"apps/:appId/listing\"\n element={gated(\"apps.listing\", <ListingPreviewPage />)}\n />\n <Route\n path=\"apps/:appId/logs\"\n element={gated(\"apps.logs\", <AppLogsPage />)}\n />\n <Route\n path=\"apps/:appId/webhooks\"\n element={gated(\"apps.webhooks\", <WebhooksPage />)}\n />\n <Route\n path=\"apps/:appId/webhooks/new\"\n element={gated(\"apps.webhooks.create\", <CreateWebhookPage />)}\n />\n <Route\n path=\"apps/:appId/webhooks/:webhookId\"\n element={gated(\"apps.webhooks.detail\", <WebhookDetailPage />)}\n />\n <Route\n path=\"apps/:appId/analytics\"\n element={gated(\"apps.analytics\", <AnalyticsDashboardPage />)}\n />\n </Route>\n\n {/* All other routes — with SectionNav /}\n <Route element={<GlobalLayout />}>\n {/ Dashboard /}\n <Route index element={gated(\"dashboard\", <DashboardPage />)} />\n\n {/ Organizations /}\n <Route\n path=\"organizations\"\n element={gated(\"organizations\", <OrganizationsPage />)}\n />\n <Route\n path=\"organizations/new\"\n element={gated(\"organizations.create\", <CreateOrganizationPage />)}\n />\n <Route\n path=\"organizations/:orgId\"\n element={gated(\"organizations.detail\", <OrganizationDetailPage />)}\n />\n <Route\n path=\"organizations/:orgId/members\"\n element={gated(\n \"organizations.members\",\n <OrganizationMembersPage />,\n )}\n />\n <Route\n path=\"organizations/:orgId/revenue\"\n element={gated(\"organizations.revenue\", <RevenueDashboardPage />)}\n />\n\n {/ Applications list and create /}\n <Route path=\"apps\" element={gated(\"apps\", <ApplicationsPage />)} />\n <Route\n path=\"apps/new\"\n element={gated(\"apps.create\", <CreateApplicationPage />)}\n />\n\n {/ Seller routes /}\n <Route\n path=\"seller\"\n element={gated(\"seller.dashboard\", <SellerDashboardPage />)}\n />\n <Route\n path=\"seller/items\"\n element={gated(\"seller.items\", <SellerItemsPage />)}\n />\n <Route\n path=\"seller/items/new\"\n element={gated(\"seller.items.create\", <CreatePhysicalItemPage />)}\n />\n <Route\n path=\"seller/items/:itemId\"\n element={gated(\"seller.items.edit\", <EditPhysicalItemPage />)}\n />\n <Route\n path=\"seller/orders\"\n element={gated(\"seller.orders\", <SellerOrdersPage />)}\n />\n\n {/ Seller organizations — same pages as the regular \"Organizations\"\n routes above, reused as-is. They tell PHYSICAL from DIGITAL by\n route (useIsSellerSection), not by a separate component. See\n DeveloperOrgKind (BOFF-7285). /}\n <Route\n path=\"seller/organizations\"\n element={gated(\"seller.organizations\", <OrganizationsPage />)}\n />\n <Route\n path=\"seller/organizations/new\"\n element={gated(\n \"seller.organizations.create\",\n <CreateOrganizationPage />,\n )}\n />\n <Route\n path=\"seller/organizations/:orgId\"\n element={gated(\n \"seller.organizations.detail\",\n <OrganizationDetailPage />,\n )}\n />\n <Route\n path=\"seller/organizations/:orgId/members\"\n element={gated(\n \"seller.organizations.members\",\n <OrganizationMembersPage />,\n )}\n />\n <Route\n path=\"seller/organizations/:orgId/revenue\"\n element={gated(\n \"seller.organizations.revenue\",\n <RevenueDashboardPage />,\n )}\n />\n\n {/ Delegations /}\n <Route\n path=\"delegations\"\n element={gated(\"delegations\", <DelegationsPage />)}\n />\n\n {/ Global Webhooks /}\n <Route\n path=\"webhooks/new\"\n element={gated(\"webhooks.create\", <CreateWebhookPage />)}\n />\n <Route\n path=\"webhooks\"\n element={gated(\"webhooks\", <WebhooksPage />)}\n />\n\n {/ Analytics & Revenue /}\n <Route\n path=\"analytics\"\n element={gated(\"analytics\", <AnalyticsDashboardPage />)}\n />\n <Route\n path=\"revenue\"\n element={gated(\"revenue\", <RevenueDashboardPage />)}\n />\n\n {/ Publisher /}\n <Route\n path=\"publisher/profile\"\n element={gated(\"publisher.profile\", <PublisherProfilePage />)}\n />\n {/ Shell nav entries and the onboarding checklist link to\n /profile; without this route the catch-all bounced them to the\n dashboard (BOFF-10636). Same page and flag as above. /}\n <Route\n path=\"profile\"\n element={gated(\"publisher.profile\", <PublisherProfilePage />)}\n />\n\n {/ Settings /}\n <Route\n path=\"settings\"\n element={gated(\"settings\", <SettingsPage />)}\n />\n\n {/ Catch-all redirect to dashboard /}\n <Route path=\"\" element={<CatchAllRedirect />} />\n </Route>\n\n {/* Non-org-context routes — no OrgContextBar /}\n <Route element={<PlainLayout />}>\n {/ OAuth Clients /}\n <Route path=\"oauth\" element={gated(\"oauth\", <OAuthClientsPage />)} />\n <Route\n path=\"oauth/new\"\n element={gated(\"oauth.create\", <CreateOAuthClientPage />)}\n />\n <Route\n path=\"oauth/callback\"\n element={gated(\"oauth.callback\", <OAuthCallbackPage />)}\n />\n <Route\n path=\"oauth/:clientId\"\n element={gated(\"oauth.detail\", <OAuthClientDetailPage />)}\n />\n\n {/ API Keys /}\n <Route path=\"api-keys\" element={gated(\"apiKeys\", <ApiKeysPage />)} />\n <Route\n path=\"api-keys/new\"\n element={gated(\"apiKeys.create\", <CreateApiKeyPage />)}\n />\n\n {/ Documentation & Resources */}\n <Route path=\"docs\" element={gated(\"docs\", <DocumentationPage />)} />\n <Route\n path=\"resources\"\n element={gated(\"resources\", <ResourcesPage />)}\n />\n </Route>\n </Routes>\n </Suspense>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"DevportalRoutes.js","names":["_Fragment","CatchAllRedirect","useDevportal","useEffect","basePath","navigate","target","Navigate","gated","TelemetryErrorBoundary","slug","FeatureFlaggedRoute","element","OrganizationsPage","lazy","m","OrganizationDetailPage","CreateOrganizationPage","OrganizationMembersPage","RevenueDashboardPage","ApplicationsPage","ApplicationDetailPage","CreateApplicationPage","EditApplicationPage","ApplicationVersionsPage","OAuthCallbackPage","OAuthClientsPage","CreateOAuthClientPage","OAuthClientDetailPage","ApiKeysPage","CreateApiKeyPage","WebhooksPage","CreateWebhookPage","WebhookDetailPage","AnalyticsDashboardPage","DocumentationPage","ResourcesPage","SettingsPage","NodeLifecyclePage","PublishPage","AppLogsPage","DelegationsPage","ListingPreviewPage","StoreSubmissionPage","PublisherProfilePage","PublisherPayoutsPage","SetupPage","InvitationDecisionPage","SellerDashboardPage","SellerItemsPage","CreatePhysicalItemPage","SellerOrdersPage","EditPhysicalItemPage","AppLayout","Fragment","OrgContextBar","Outlet","OrgSwitcher","hideOrgSwitcher","segments","pathname","last","secondLast","thirdLast","GlobalLayout","useLocation","PlainLayout","DevportalRoutes","Suspense","LoadingState","Routes","Route","DashboardPage"],"sources":["../../src/devportal/DevportalRoutes.tsx"],"sourcesContent":["import { Suspense, lazy, useEffect, type ReactNode } from \"react\";\nimport { Routes, Route, Navigate, Outlet, useLocation } from \"react-router\";\nimport { LoadingState } from \"./components/LoadingState\";\nimport { FeatureFlaggedRoute } from \"./components/FeatureFlaggedRoute\";\nimport { TelemetryErrorBoundary } from \"./components/TelemetryErrorBoundary\";\nimport { OrgSwitcher } from \"./components/SectionNav\";\nimport { useDevportal } from \"./providers/DevportalProvider\";\n\n/*\n Catch-all redirect target for the unmatched `` route. Uses the\n DevportalProvider's `basePath` and `navigate` so the redirect works\n * regardless of the integration mode (shell or standalone). Falls back to a\n * relative Navigate when neither is wired, which is the standalone/test path.\n /\nfunction CatchAllRedirect() {\n const { basePath, navigate } = useDevportal();\n useEffect(() => {\n if (basePath && navigate) {\n const target = basePath.endsWith(\"/\") ? basePath.slice(0, -1) : basePath;\n navigate(target \|\| \"/\");\n }\n }, [basePath, navigate]);\n if (basePath && navigate) return null;\n return <Navigate to=\"..\" replace />;\n}\n\n/\n Wrap a page element with the per-route feature flag gate and a\n * telemetry-emitting error boundary. The flag name follows\n * `devportal.<page-slug>` convention; when disabled the user sees a\n * graceful fallback instead of a route-level crash.\n \n Per `dev/platform/context/commercial/feature-flags` and spec\n * `microfrontends/47-FRONTEND-EVENT-BUS.md` (error.boundary emission).\n /\nfunction gated(slug: string, element: ReactNode): ReactNode {\n return (\n <TelemetryErrorBoundary scope={slug}>\n <FeatureFlaggedRoute flag={`devportal.${slug}`}>\n {element}\n </FeatureFlaggedRoute>\n </TelemetryErrorBoundary>\n );\n}\n\n// Eager load the main dashboard page\nimport { DashboardPage } from \"./pages/DashboardPage\";\n\n// Lazy load all other pages\nconst OrganizationsPage = lazy(() =>\n import(\"./pages/OrganizationsPage\").then((m) => ({\n default: m.OrganizationsPage,\n })),\n);\nconst OrganizationDetailPage = lazy(() =>\n import(\"./pages/OrganizationDetailPage\").then((m) => ({\n default: m.OrganizationDetailPage,\n })),\n);\nconst CreateOrganizationPage = lazy(() =>\n import(\"./pages/CreateOrganizationPage\").then((m) => ({\n default: m.CreateOrganizationPage,\n })),\n);\nconst OrganizationMembersPage = lazy(() =>\n import(\"./pages/OrganizationMembersPage\").then((m) => ({\n default: m.OrganizationMembersPage,\n })),\n);\nconst RevenueDashboardPage = lazy(() =>\n import(\"./pages/RevenueDashboardPage\").then((m) => ({\n default: m.RevenueDashboardPage,\n })),\n);\nconst ApplicationsPage = lazy(() =>\n import(\"./pages/ApplicationsPage\").then((m) => ({\n default: m.ApplicationsPage,\n })),\n);\nconst ApplicationDetailPage = lazy(() =>\n import(\"./pages/ApplicationDetailPage\").then((m) => ({\n default: m.ApplicationDetailPage,\n })),\n);\nconst CreateApplicationPage = lazy(() =>\n import(\"./pages/CreateApplicationPage\").then((m) => ({\n default: m.CreateApplicationPage,\n })),\n);\nconst EditApplicationPage = lazy(() =>\n import(\"./pages/EditApplicationPage\").then((m) => ({\n default: m.EditApplicationPage,\n })),\n);\nconst ApplicationVersionsPage = lazy(() =>\n import(\"./pages/ApplicationVersionsPage\").then((m) => ({\n default: m.ApplicationVersionsPage,\n })),\n);\nconst OAuthCallbackPage = lazy(() =>\n import(\"./pages/OAuthCallbackPage\").then((m) => ({\n default: m.OAuthCallbackPage,\n })),\n);\nconst OAuthClientsPage = lazy(() =>\n import(\"./pages/OAuthClientsPage\").then((m) => ({\n default: m.OAuthClientsPage,\n })),\n);\nconst CreateOAuthClientPage = lazy(() =>\n import(\"./pages/CreateOAuthClientPage\").then((m) => ({\n default: m.CreateOAuthClientPage,\n })),\n);\nconst OAuthClientDetailPage = lazy(() =>\n import(\"./pages/OAuthClientDetailPage\").then((m) => ({\n default: m.OAuthClientDetailPage,\n })),\n);\nconst ApiKeysPage = lazy(() =>\n import(\"./pages/ApiKeysPage\").then((m) => ({ default: m.ApiKeysPage })),\n);\nconst CreateApiKeyPage = lazy(() =>\n import(\"./pages/CreateApiKeyPage\").then((m) => ({\n default: m.CreateApiKeyPage,\n })),\n);\nconst WebhooksPage = lazy(() =>\n import(\"./pages/WebhooksPage\").then((m) => ({ default: m.WebhooksPage })),\n);\nconst CreateWebhookPage = lazy(() =>\n import(\"./pages/CreateWebhookPage\").then((m) => ({\n default: m.CreateWebhookPage,\n })),\n);\nconst WebhookDetailPage = lazy(() =>\n import(\"./pages/WebhookDetailPage\").then((m) => ({\n default: m.WebhookDetailPage,\n })),\n);\nconst AnalyticsDashboardPage = lazy(() =>\n import(\"./pages/AnalyticsDashboardPage\").then((m) => ({\n default: m.AnalyticsDashboardPage,\n })),\n);\nconst DocumentationPage = lazy(() =>\n import(\"./pages/DocumentationPage\").then((m) => ({\n default: m.DocumentationPage,\n })),\n);\nconst ResourcesPage = lazy(() =>\n import(\"./pages/ResourcesPage\").then((m) => ({ default: m.ResourcesPage })),\n);\nconst SettingsPage = lazy(() =>\n import(\"./pages/SettingsPage\").then((m) => ({ default: m.SettingsPage })),\n);\nconst NodeLifecyclePage = lazy(() =>\n import(\"./pages/NodeLifecyclePage\").then((m) => ({\n default: m.NodeLifecyclePage,\n })),\n);\nconst PublishPage = lazy(() =>\n import(\"./pages/PublishPage\").then((m) => ({ default: m.PublishPage })),\n);\nconst AppLogsPage = lazy(() =>\n import(\"./pages/AppLogsPage\").then((m) => ({ default: m.AppLogsPage })),\n);\nconst DelegationsPage = lazy(() =>\n import(\"./pages/DelegationsPage\").then((m) => ({\n default: m.DelegationsPage,\n })),\n);\nconst ListingPreviewPage = lazy(() =>\n import(\"./pages/ListingPreviewPage\").then((m) => ({\n default: m.ListingPreviewPage,\n })),\n);\nconst StoreSubmissionPage = lazy(() =>\n import(\"./pages/StoreSubmissionPage\").then((m) => ({\n default: m.StoreSubmissionPage,\n })),\n);\nconst PublisherProfilePage = lazy(() =>\n import(\"./pages/PublisherProfilePage\").then((m) => ({\n default: m.PublisherProfilePage,\n })),\n);\nconst PublisherPayoutsPage = lazy(() =>\n import(\"./pages/PublisherPayoutsPage\").then((m) => ({\n default: m.PublisherPayoutsPage,\n })),\n);\nconst SetupPage = lazy(() =>\n import(\"./pages/SetupPage\").then((m) => ({ default: m.SetupPage })),\n);\nconst InvitationDecisionPage = lazy(() =>\n import(\"./pages/InvitationDecisionPage\").then((m) => ({\n default: m.InvitationDecisionPage,\n })),\n);\nconst SellerDashboardPage = lazy(() =>\n import(\"./pages/SellerDashboardPage\").then((m) => ({\n default: m.SellerDashboardPage,\n })),\n);\nconst SellerItemsPage = lazy(() =>\n import(\"./pages/SellerItemsPage\").then((m) => ({\n default: m.SellerItemsPage,\n })),\n);\nconst CreatePhysicalItemPage = lazy(() =>\n import(\"./pages/CreatePhysicalItemPage\").then((m) => ({\n default: m.CreatePhysicalItemPage,\n })),\n);\nconst SellerOrdersPage = lazy(() =>\n import(\"./pages/SellerOrdersPage\").then((m) => ({\n default: m.SellerOrdersPage,\n })),\n);\nconst EditPhysicalItemPage = lazy(() =>\n import(\"./pages/EditPhysicalItemPage\").then((m) => ({\n default: m.EditPhysicalItemPage,\n })),\n);\n\n/* Layout for app-context routes (/apps/:appId/) — adds the org context bar. /\nfunction AppLayout() {\n return (\n <>\n <OrgContextBar />\n <Outlet />\n </>\n );\n}\n\n/** Slim org-context bar shown above every devportal page. /\nfunction OrgContextBar() {\n return (\n <div className=\"flex items-center justify-end border-b border-border-subtle bg-bg-surface/40 px-4 py-2\">\n <OrgSwitcher />\n </div>\n );\n}\n\n/\n The org switcher only matters on pages that actually read the active-org\n * state it controls (dashboard, apps, webhooks, analytics, revenue, create\n * flows, etc). Pages that are already scoped by their own route param (an\n * org/item detail page) or that list every org regardless of which one is\n * \"active\" (the org list) don't use that state at all, so showing a\n * switcher there is just confusing. Matched by path suffix so it doesn't\n * care which basePath a given product shell mounts devportal under, and\n * works for both the digital (`organizations`) and seller\n * (`seller/organizations`) route families since they share the same pages.\n /\nfunction hideOrgSwitcher(pathname: string): boolean {\n const segments = pathname.split(\"/\").filter(Boolean);\n const last = segments[segments.length - 1];\n const secondLast = segments[segments.length - 2];\n const thirdLast = segments[segments.length - 3];\n\n // organizations \| seller/organizations (list)\n if (last === \"organizations\") return true;\n // organizations/:id \| seller/organizations/:id (detail) — not /new\n if (secondLast === \"organizations\" && last !== \"new\") return true;\n // seller/items/:id (item edit) — not /new\n if (thirdLast === \"seller\" && secondLast === \"items\" && last !== \"new\")\n return true;\n\n return false;\n}\n\n/* Layout wrapping org-context devportal routes — adds the org context bar,\n * except on routes that don't depend on the active-org it controls. /\nfunction GlobalLayout() {\n const { pathname } = useLocation();\n return (\n <>\n {!hideOrgSwitcher(pathname) && <OrgContextBar />}\n <Outlet />\n </>\n );\n}\n\n/* Layout for pages that are not org-scoped (OAuth, API Keys, Docs, Resources). /\nfunction PlainLayout() {\n return <Outlet />;\n}\n\nexport function DevportalRoutes() {\n return (\n <Suspense fallback={<LoadingState message=\"Loading page...\" />}>\n <Routes>\n {/ Setup wizard — no SectionNav /}\n <Route path=\"setup\" element={gated(\"setup\", <SetupPage />)} />\n <Route\n path=\"invitations/:token\"\n element={\n <TelemetryErrorBoundary scope=\"invitations.accept\">\n <InvitationDecisionPage />\n </TelemetryErrorBoundary>\n }\n />\n\n {/ App-context routes (/apps/:appId/) — no SectionNav.\n The app-level tab bar inside ApplicationDetailPage is the nav here. /}\n <Route element={<AppLayout />}>\n <Route\n path=\"apps/:appId\"\n element={gated(\"apps.detail\", <ApplicationDetailPage />)}\n />\n <Route\n path=\"apps/:appId/edit\"\n element={gated(\"apps.edit\", <EditApplicationPage />)}\n />\n <Route\n path=\"apps/:appId/versions\"\n element={gated(\"apps.versions\", <ApplicationVersionsPage />)}\n />\n <Route\n path=\"apps/:appId/versions/:versionId/lifecycle\"\n element={gated(\"apps.node-lifecycle\", <NodeLifecyclePage />)}\n />\n <Route\n path=\"apps/:appId/publish\"\n element={gated(\"apps.publish\", <PublishPage />)}\n />\n <Route\n path=\"apps/:appId/store-submission\"\n element={gated(\"apps.storeSubmission\", <StoreSubmissionPage />)}\n />\n <Route\n path=\"apps/:appId/listing\"\n element={gated(\"apps.listing\", <ListingPreviewPage />)}\n />\n <Route\n path=\"apps/:appId/logs\"\n element={gated(\"apps.logs\", <AppLogsPage />)}\n />\n <Route\n path=\"apps/:appId/webhooks\"\n element={gated(\"apps.webhooks\", <WebhooksPage />)}\n />\n <Route\n path=\"apps/:appId/webhooks/new\"\n element={gated(\"apps.webhooks.create\", <CreateWebhookPage />)}\n />\n <Route\n path=\"apps/:appId/webhooks/:webhookId\"\n element={gated(\"apps.webhooks.detail\", <WebhookDetailPage />)}\n />\n <Route\n path=\"apps/:appId/analytics\"\n element={gated(\"apps.analytics\", <AnalyticsDashboardPage />)}\n />\n </Route>\n\n {/* All other routes — with SectionNav /}\n <Route element={<GlobalLayout />}>\n {/ Dashboard /}\n <Route index element={gated(\"dashboard\", <DashboardPage />)} />\n\n {/ Organizations /}\n <Route\n path=\"organizations\"\n element={gated(\"organizations\", <OrganizationsPage />)}\n />\n <Route\n path=\"organizations/new\"\n element={gated(\"organizations.create\", <CreateOrganizationPage />)}\n />\n <Route\n path=\"organizations/:orgId\"\n element={gated(\"organizations.detail\", <OrganizationDetailPage />)}\n />\n <Route\n path=\"organizations/:orgId/members\"\n element={gated(\n \"organizations.members\",\n <OrganizationMembersPage />,\n )}\n />\n <Route\n path=\"organizations/:orgId/revenue\"\n element={gated(\"organizations.revenue\", <RevenueDashboardPage />)}\n />\n\n {/ Applications list and create /}\n <Route path=\"apps\" element={gated(\"apps\", <ApplicationsPage />)} />\n <Route\n path=\"apps/new\"\n element={gated(\"apps.create\", <CreateApplicationPage />)}\n />\n\n {/ Seller routes /}\n <Route\n path=\"seller\"\n element={gated(\"seller.dashboard\", <SellerDashboardPage />)}\n />\n <Route\n path=\"seller/items\"\n element={gated(\"seller.items\", <SellerItemsPage />)}\n />\n <Route\n path=\"seller/items/new\"\n element={gated(\"seller.items.create\", <CreatePhysicalItemPage />)}\n />\n <Route\n path=\"seller/items/:itemId\"\n element={gated(\"seller.items.edit\", <EditPhysicalItemPage />)}\n />\n <Route\n path=\"seller/orders\"\n element={gated(\"seller.orders\", <SellerOrdersPage />)}\n />\n\n {/ Seller organizations — same pages as the regular \"Organizations\"\n routes above, reused as-is. They tell PHYSICAL from DIGITAL by\n route (useIsSellerSection), not by a separate component. See\n DeveloperOrgKind (BOFF-7285). /}\n <Route\n path=\"seller/organizations\"\n element={gated(\"seller.organizations\", <OrganizationsPage />)}\n />\n <Route\n path=\"seller/organizations/new\"\n element={gated(\n \"seller.organizations.create\",\n <CreateOrganizationPage />,\n )}\n />\n <Route\n path=\"seller/organizations/:orgId\"\n element={gated(\n \"seller.organizations.detail\",\n <OrganizationDetailPage />,\n )}\n />\n <Route\n path=\"seller/organizations/:orgId/members\"\n element={gated(\n \"seller.organizations.members\",\n <OrganizationMembersPage />,\n )}\n />\n <Route\n path=\"seller/organizations/:orgId/revenue\"\n element={gated(\n \"seller.organizations.revenue\",\n <RevenueDashboardPage />,\n )}\n />\n\n {/ Delegations /}\n <Route\n path=\"delegations\"\n element={gated(\"delegations\", <DelegationsPage />)}\n />\n\n {/ Global Webhooks /}\n <Route\n path=\"webhooks/new\"\n element={gated(\"webhooks.create\", <CreateWebhookPage />)}\n />\n <Route\n path=\"webhooks\"\n element={gated(\"webhooks\", <WebhooksPage />)}\n />\n\n {/ Analytics & Revenue /}\n <Route\n path=\"analytics\"\n element={gated(\"analytics\", <AnalyticsDashboardPage />)}\n />\n <Route\n path=\"revenue\"\n element={gated(\"revenue\", <RevenueDashboardPage />)}\n />\n\n {/ Publisher /}\n <Route\n path=\"publisher/profile\"\n element={gated(\"publisher.profile\", <PublisherProfilePage />)}\n />\n {/ Payout methods and automatic processor onboarding\n (BOFF-10953). global-store-svc's STORE_PAYOUT_ONBOARDING_URL\n points here, so Stripe Connect returns to this route with\n ?onboarding=return\|refresh. /}\n <Route\n path=\"publisher/payouts\"\n element={gated(\"publisher.payouts\", <PublisherPayoutsPage />)}\n />\n {/ Shell nav entries and the onboarding checklist link to\n /profile; without this route the catch-all bounced them to the\n dashboard (BOFF-10636). Same page and flag as above. /}\n <Route\n path=\"profile\"\n element={gated(\"publisher.profile\", <PublisherProfilePage />)}\n />\n\n {/ Settings /}\n <Route\n path=\"settings\"\n element={gated(\"settings\", <SettingsPage />)}\n />\n\n {/ Catch-all redirect to dashboard /}\n <Route path=\"\" element={<CatchAllRedirect />} />\n </Route>\n\n {/* Non-org-context routes — no OrgContextBar /}\n <Route element={<PlainLayout />}>\n {/ OAuth Clients /}\n <Route path=\"oauth\" element={gated(\"oauth\", <OAuthClientsPage />)} />\n <Route\n path=\"oauth/new\"\n element={gated(\"oauth.create\", <CreateOAuthClientPage />)}\n />\n <Route\n path=\"oauth/callback\"\n element={gated(\"oauth.callback\", <OAuthCallbackPage />)}\n />\n <Route\n path=\"oauth/:clientId\"\n element={gated(\"oauth.detail\", <OAuthClientDetailPage />)}\n />\n\n {/ API Keys /}\n <Route path=\"api-keys\" element={gated(\"apiKeys\", <ApiKeysPage />)} />\n <Route\n path=\"api-keys/new\"\n element={gated(\"apiKeys.create\", <CreateApiKeyPage />)}\n />\n\n {/ Documentation & Resources */}\n <Route path=\"docs\" element={gated(\"docs\", <DocumentationPage />)} />\n <Route\n path=\"resources\"\n element={gated(\"resources\", <ResourcesPage />)}\n />\n </Route>\n </Routes>\n </Suspense>\n );\n}\n"],"mappings":"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"}

package/dist/devportal/components/AppCard.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import { FC } from 'react';
 import { Application } from '../types';
 interface AppCardProps {
     app: Application;
     onClick?: () => void;
@@ -32,4 +31,3 @@ export declare const AppListItem: FC<{
     onToggleSelect?: (checked: boolean) => void;
 }>;
 export {};
-//# sourceMappingURL=AppCard.d.ts.map

package/dist/devportal/components/AppCard.js CHANGED Viewed

@@ -1,15 +1,15 @@
-import { useDevportal as e } from "../providers/DevportalProvider.js";
-import { cn as t } from "../utils/cn.js";
-import { APP_TYPE_LABELS as n } from "../utils/constants.js";
-import { FeaturedBadge as r, StatusBadge as i, VerifiedBadge as a } from "./StatusBadge.js";
+import { cn as e } from "../utils/cn.js";
+import { FeaturedBadge as t, StatusBadge as n, VerifiedBadge as r } from "./StatusBadge.js";
+import { APP_TYPE_LABELS as i } from "../utils/constants.js";
+import { useDevportal as a } from "../providers/DevportalProvider.js";
 import { SelectionCheckbox as o } from "./SelectionCheckbox.js";
 import { AppWindow as s, Download as c, ExternalLink as l, Star as u } from "lucide-react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { GlassCard as m } from "@burdenoff/fe-libs/ui";
-//#region src/devportal/components/AppCard.tsx
+// src/devportal/components/AppCard.tsx
 var h = ({ app: h, onClick: g, className: _, showActions: v = !0, selected: y = !1, onToggleSelect: b }) => {
-	let { navigate: x, basePath: S } = e(), { t: C } = p(), w = (e, t) => {
+	let { navigate: x, basePath: S } = a(), { t: C } = p(), w = (e, t) => {
 		let n = C(e);
 		return n === e ? t : n;
 	}, T = () => {
@@ -19,7 +19,7 @@ var h = ({ app: h, onClick: g, className: _, showActions: v = !0, selected: y =
 		treatment: "insight",
 		role: "button",
 		tabIndex: 0,
-		className: t("group cursor-pointer border-border-seam p-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", y && "border-primary bg-action-primary-bg/5", _),
+		className: e("group cursor-pointer border-border-seam p-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", y && "border-primary bg-action-primary-bg/5", _),
 		onClick: T,
 		onKeyDown: (e) => {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), T());
@@ -52,10 +52,10 @@ var h = ({ app: h, onClick: g, className: _, showActions: v = !0, selected: y =
 							children: [/* @__PURE__ */ d("h3", {
 								className: "font-semibold truncate",
 								children: h.name
-							}), h.isVerified && /* @__PURE__ */ d(a, { verified: !0 })]
+							}), h.isVerified && /* @__PURE__ */ d(r, { verified: !0 })]
 						}), /* @__PURE__ */ d("p", {
 							className: "text-sm text-text-secondary",
-							children: n[h.appType] || h.appType
+							children: i[h.appType] || h.appType
 						})]
 					})
 				]
@@ -66,7 +66,7 @@ var h = ({ app: h, onClick: g, className: _, showActions: v = !0, selected: y =
 			}),
 			/* @__PURE__ */ f("div", {
 				className: "mt-3 flex flex-wrap items-center gap-2",
-				children: [/* @__PURE__ */ d(i, { status: h.status }), h.isFeatured && /* @__PURE__ */ d(r, {})]
+				children: [/* @__PURE__ */ d(n, { status: h.status }), h.isFeatured && /* @__PURE__ */ d(t, {})]
 			}),
 			/* @__PURE__ */ f("div", {
 				className: "mt-4 flex items-center gap-4 text-sm text-text-secondary",
@@ -98,14 +98,14 @@ var h = ({ app: h, onClick: g, className: _, showActions: v = !0, selected: y =
 			})
 		]
 	});
-}, g = ({ app: r, onClick: a, className: c, selected: l = !1, onToggleSelect: u }) => {
-	let { navigate: p, basePath: m } = e(), h = () => {
-		a ? a() : p && p(`${m}/apps/${r.id}`);
+}, g = ({ app: t, onClick: r, className: c, selected: l = !1, onToggleSelect: u }) => {
+	let { navigate: p, basePath: m } = a(), h = () => {
+		r ? r() : p && p(`${m}/apps/${t.id}`);
 	};
 	return /* @__PURE__ */ f("div", {
 		role: "button",
 		tabIndex: 0,
-		className: t("flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-3 cursor-pointer transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", l && "border-primary bg-action-primary-bg/5", c),
+		className: e("flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-3 cursor-pointer transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", l && "border-primary bg-action-primary-bg/5", c),
 		onClick: h,
 		onKeyDown: (e) => {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), h());
@@ -116,12 +116,12 @@ var h = ({ app: h, onClick: g, className: _, showActions: v = !0, selected: y =
 				children: /* @__PURE__ */ d(o, {
 					checked: l,
 					onChange: u,
-					ariaLabel: `Select application ${r.name}`
+					ariaLabel: `Select application ${t.name}`
 				})
 			}),
-			r.iconUrl ? /* @__PURE__ */ d("img", {
-				src: r.iconUrl,
-				alt: r.name,
+			t.iconUrl ? /* @__PURE__ */ d("img", {
+				src: t.iconUrl,
+				alt: t.name,
 				className: "h-10 w-10 rounded-lg object-cover"
 			}) : /* @__PURE__ */ d("div", {
 				className: "flex h-10 w-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary",
@@ -131,17 +131,16 @@ var h = ({ app: h, onClick: g, className: _, showActions: v = !0, selected: y =
 				className: "flex-1 min-w-0",
 				children: [/* @__PURE__ */ d("p", {
 					className: "font-medium truncate",
-					children: r.name
+					children: t.name
 				}), /* @__PURE__ */ d("p", {
 					className: "text-sm text-text-secondary truncate",
-					children: r.shortDescription || n[r.appType]
+					children: t.shortDescription || i[t.appType]
 				})]
 			}),
-			/* @__PURE__ */ d(i, { status: r.status })
+			/* @__PURE__ */ d(n, { status: t.status })
 		]
 	});
 };
-//#endregion
 export { h as AppCard, g as AppListItem };
 //# sourceMappingURL=AppCard.js.map

package/dist/devportal/components/AppCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppCard.js","names":[],"sources":["../../../src/devportal/components/AppCard.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { AppWindow, Star, Download, ExternalLink } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { cn } from \"../utils/cn\";\nimport { StatusBadge, VerifiedBadge, FeaturedBadge } from \"./StatusBadge\";\nimport type { Application } from \"../types\";\nimport { APP_TYPE_LABELS } from \"../utils/constants\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { SelectionCheckbox } from \"./SelectionCheckbox\";\n\ninterface AppCardProps {\n app: Application;\n onClick?: () => void;\n className?: string;\n showActions?: boolean;\n selected?: boolean;\n onToggleSelect?: (checked: boolean) => void;\n}\n\n/*\n Application card for displaying app information\n /\nexport const AppCard: FC<AppCardProps> = ({\n app,\n onClick,\n className,\n showActions = true,\n selected = false,\n onToggleSelect,\n}) => {\n const { navigate, basePath } = useDevportal();\n const { t } = useI18n();\n const tr = (key: string, fallback: string): string => {\n const value = t(key);\n return value === key ? fallback : value;\n };\n\n const handleClick = () => {\n if (onClick) {\n onClick();\n } else if (navigate) {\n navigate(`${basePath}/apps/${app.id}`);\n }\n };\n\n return (\n <GlassCard\n treatment=\"insight\"\n role=\"button\"\n tabIndex={0}\n className={cn(\n \"group cursor-pointer border-border-seam p-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n selected && \"border-primary bg-action-primary-bg/5\",\n className,\n )}\n onClick={handleClick}\n onKeyDown={(event) => {\n if (event.key === \"Enter\" \|\| event.key === \" \") {\n event.preventDefault();\n handleClick();\n }\n }}\n >\n {/ Header /}\n <div className=\"flex items-start gap-3\">\n {onToggleSelect && (\n <div onClick={(event) => event.stopPropagation()}>\n <SelectionCheckbox\n checked={selected}\n onChange={onToggleSelect}\n ariaLabel={`Select application ${app.name}`}\n className=\"mt-1\"\n />\n </div>\n )}\n {app.iconUrl ? (\n <img\n src={app.iconUrl}\n alt={app.name}\n className=\"h-12 w-12 rounded-lg object-cover\"\n />\n ) : (\n <div className=\"flex h-12 w-12 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n <AppWindow size={24} />\n </div>\n )}\n <div className=\"flex-1 min-w-0\">\n <div className=\"flex items-center gap-2\">\n <h3 className=\"font-semibold truncate\">{app.name}</h3>\n {app.isVerified && <VerifiedBadge verified />}\n </div>\n <p className=\"text-sm text-text-secondary\">\n {APP_TYPE_LABELS[app.appType] \|\| app.appType}\n </p>\n </div>\n </div>\n\n {/ Description /}\n {app.shortDescription && (\n <p className=\"mt-3 text-sm text-text-secondary line-clamp-2\">\n {app.shortDescription}\n </p>\n )}\n\n {/ Badges /}\n <div className=\"mt-3 flex flex-wrap items-center gap-2\">\n <StatusBadge status={app.status} />\n {app.isFeatured && <FeaturedBadge />}\n </div>\n\n {/ Stats /}\n <div className=\"mt-4 flex items-center gap-4 text-sm text-text-secondary\">\n {app.averageRating !== undefined && app.averageRating > 0 && (\n <span className=\"flex items-center gap-1\">\n <Star\n size={14}\n className=\"text-status-warning-text fill-status-warning-text\"\n />\n {app.averageRating.toFixed(1)}\n </span>\n )}\n <span className=\"flex items-center gap-1\">\n <Download size={14} />\n {app.installCount.toLocaleString()}{\" \"}\n {tr(\"devportal.installs\", \"installs\")}\n </span>\n </div>\n\n {/ Actions /}\n {showActions && (\n <div className=\"mt-4 flex items-center justify-between opacity-0 group-hover:opacity-100 transition-opacity\">\n <button\n className=\"text-sm text-primary hover:underline flex items-center gap-1\"\n onClick={(e) => {\n e.stopPropagation();\n handleClick();\n }}\n >\n {tr(\"devportal.viewDetails\", \"View Details\")}\n <ExternalLink size={14} />\n </button>\n </div>\n )}\n </GlassCard>\n );\n};\n\n/\n Grid of app cards\n /\nexport const AppCardGrid: FC<{\n apps: Application[];\n onAppClick?: (app: Application) => void;\n className?: string;\n}> = ({ apps, onAppClick, className }) => (\n <div\n className={cn(\n \"grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3\",\n className,\n )}\n >\n {apps.map((app) => (\n <AppCard\n key={app.id}\n app={app}\n onClick={onAppClick ? () => onAppClick(app) : undefined}\n />\n ))}\n </div>\n);\n\n/\n Compact app list item\n */\nexport const AppListItem: FC<{\n app: Application;\n onClick?: () => void;\n className?: string;\n selected?: boolean;\n onToggleSelect?: (checked: boolean) => void;\n}> = ({ app, onClick, className, selected = false, onToggleSelect }) => {\n const { navigate, basePath } = useDevportal();\n\n const handleClick = () => {\n if (onClick) {\n onClick();\n } else if (navigate) {\n navigate(`${basePath}/apps/${app.id}`);\n }\n };\n\n return (\n <div\n role=\"button\"\n tabIndex={0}\n className={cn(\n \"flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-3 cursor-pointer transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n selected && \"border-primary bg-action-primary-bg/5\",\n className,\n )}\n onClick={handleClick}\n onKeyDown={(event) => {\n if (event.key === \"Enter\" \|\| event.key === \" \") {\n event.preventDefault();\n handleClick();\n }\n }}\n >\n {onToggleSelect && (\n <div onClick={(event) => event.stopPropagation()}>\n <SelectionCheckbox\n checked={selected}\n onChange={onToggleSelect}\n ariaLabel={`Select application ${app.name}`}\n />\n </div>\n )}\n {app.iconUrl ? (\n <img\n src={app.iconUrl}\n alt={app.name}\n className=\"h-10 w-10 rounded-lg object-cover\"\n />\n ) : (\n <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n <AppWindow size={20} />\n </div>\n )}\n <div className=\"flex-1 min-w-0\">\n <p className=\"font-medium truncate\">{app.name}</p>\n <p className=\"text-sm text-text-secondary truncate\">\n {app.shortDescription \|\| APP_TYPE_LABELS[app.appType]}\n </p>\n </div>\n <StatusBadge status={app.status} />\n </div>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"AppCard.js","names":["AppCard","useDevportal","useI18n","tr","value","t","key","fallback","handleClick","onClick","navigate","basePath","app","GlassCard","cn","selected","className","event","onToggleSelect","SelectionCheckbox","AppWindow","VerifiedBadge","APP_TYPE_LABELS","StatusBadge","FeaturedBadge","Star","Download","showActions","ExternalLink","AppListItem"],"sources":["../../../src/devportal/components/AppCard.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { AppWindow, Star, Download, ExternalLink } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { cn } from \"../utils/cn\";\nimport { StatusBadge, VerifiedBadge, FeaturedBadge } from \"./StatusBadge\";\nimport type { Application } from \"../types\";\nimport { APP_TYPE_LABELS } from \"../utils/constants\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { SelectionCheckbox } from \"./SelectionCheckbox\";\n\ninterface AppCardProps {\n app: Application;\n onClick?: () => void;\n className?: string;\n showActions?: boolean;\n selected?: boolean;\n onToggleSelect?: (checked: boolean) => void;\n}\n\n/*\n Application card for displaying app information\n /\nexport const AppCard: FC<AppCardProps> = ({\n app,\n onClick,\n className,\n showActions = true,\n selected = false,\n onToggleSelect,\n}) => {\n const { navigate, basePath } = useDevportal();\n const { t } = useI18n();\n const tr = (key: string, fallback: string): string => {\n const value = t(key);\n return value === key ? fallback : value;\n };\n\n const handleClick = () => {\n if (onClick) {\n onClick();\n } else if (navigate) {\n navigate(`${basePath}/apps/${app.id}`);\n }\n };\n\n return (\n <GlassCard\n treatment=\"insight\"\n role=\"button\"\n tabIndex={0}\n className={cn(\n \"group cursor-pointer border-border-seam p-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n selected && \"border-primary bg-action-primary-bg/5\",\n className,\n )}\n onClick={handleClick}\n onKeyDown={(event) => {\n if (event.key === \"Enter\" \|\| event.key === \" \") {\n event.preventDefault();\n handleClick();\n }\n }}\n >\n {/ Header /}\n <div className=\"flex items-start gap-3\">\n {onToggleSelect && (\n <div onClick={(event) => event.stopPropagation()}>\n <SelectionCheckbox\n checked={selected}\n onChange={onToggleSelect}\n ariaLabel={`Select application ${app.name}`}\n className=\"mt-1\"\n />\n </div>\n )}\n {app.iconUrl ? (\n <img\n src={app.iconUrl}\n alt={app.name}\n className=\"h-12 w-12 rounded-lg object-cover\"\n />\n ) : (\n <div className=\"flex h-12 w-12 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n <AppWindow size={24} />\n </div>\n )}\n <div className=\"flex-1 min-w-0\">\n <div className=\"flex items-center gap-2\">\n <h3 className=\"font-semibold truncate\">{app.name}</h3>\n {app.isVerified && <VerifiedBadge verified />}\n </div>\n <p className=\"text-sm text-text-secondary\">\n {APP_TYPE_LABELS[app.appType] \|\| app.appType}\n </p>\n </div>\n </div>\n\n {/ Description /}\n {app.shortDescription && (\n <p className=\"mt-3 text-sm text-text-secondary line-clamp-2\">\n {app.shortDescription}\n </p>\n )}\n\n {/ Badges /}\n <div className=\"mt-3 flex flex-wrap items-center gap-2\">\n <StatusBadge status={app.status} />\n {app.isFeatured && <FeaturedBadge />}\n </div>\n\n {/ Stats /}\n <div className=\"mt-4 flex items-center gap-4 text-sm text-text-secondary\">\n {app.averageRating !== undefined && app.averageRating > 0 && (\n <span className=\"flex items-center gap-1\">\n <Star\n size={14}\n className=\"text-status-warning-text fill-status-warning-text\"\n />\n {app.averageRating.toFixed(1)}\n </span>\n )}\n <span className=\"flex items-center gap-1\">\n <Download size={14} />\n {app.installCount.toLocaleString()}{\" \"}\n {tr(\"devportal.installs\", \"installs\")}\n </span>\n </div>\n\n {/ Actions /}\n {showActions && (\n <div className=\"mt-4 flex items-center justify-between opacity-0 group-hover:opacity-100 transition-opacity\">\n <button\n className=\"text-sm text-primary hover:underline flex items-center gap-1\"\n onClick={(e) => {\n e.stopPropagation();\n handleClick();\n }}\n >\n {tr(\"devportal.viewDetails\", \"View Details\")}\n <ExternalLink size={14} />\n </button>\n </div>\n )}\n </GlassCard>\n );\n};\n\n/\n Grid of app cards\n /\nexport const AppCardGrid: FC<{\n apps: Application[];\n onAppClick?: (app: Application) => void;\n className?: string;\n}> = ({ apps, onAppClick, className }) => (\n <div\n className={cn(\n \"grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3\",\n className,\n )}\n >\n {apps.map((app) => (\n <AppCard\n key={app.id}\n app={app}\n onClick={onAppClick ? () => onAppClick(app) : undefined}\n />\n ))}\n </div>\n);\n\n/\n Compact app list item\n */\nexport const AppListItem: FC<{\n app: Application;\n onClick?: () => void;\n className?: string;\n selected?: boolean;\n onToggleSelect?: (checked: boolean) => void;\n}> = ({ app, onClick, className, selected = false, onToggleSelect }) => {\n const { navigate, basePath } = useDevportal();\n\n const handleClick = () => {\n if (onClick) {\n onClick();\n } else if (navigate) {\n navigate(`${basePath}/apps/${app.id}`);\n }\n };\n\n return (\n <div\n role=\"button\"\n tabIndex={0}\n className={cn(\n \"flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-3 cursor-pointer transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n selected && \"border-primary bg-action-primary-bg/5\",\n className,\n )}\n onClick={handleClick}\n onKeyDown={(event) => {\n if (event.key === \"Enter\" \|\| event.key === \" \") {\n event.preventDefault();\n handleClick();\n }\n }}\n >\n {onToggleSelect && (\n <div onClick={(event) => event.stopPropagation()}>\n <SelectionCheckbox\n checked={selected}\n onChange={onToggleSelect}\n ariaLabel={`Select application ${app.name}`}\n />\n </div>\n )}\n {app.iconUrl ? (\n <img\n src={app.iconUrl}\n alt={app.name}\n className=\"h-10 w-10 rounded-lg object-cover\"\n />\n ) : (\n <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n <AppWindow size={20} />\n </div>\n )}\n <div className=\"flex-1 min-w-0\">\n <p className=\"font-medium truncate\">{app.name}</p>\n <p className=\"text-sm text-text-secondary truncate\">\n {app.shortDescription \|\| APP_TYPE_LABELS[app.appType]}\n </p>\n </div>\n <StatusBadge status={app.status} />\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/devportal/components/ConfirmDialog.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import { FC, ReactNode } from 'react';
 export interface ConfirmDialogProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
@@ -26,4 +25,3 @@ export declare const Alert: FC<{
     onDismiss?: () => void;
     className?: string;
 }>;
-//# sourceMappingURL=ConfirmDialog.d.ts.map

package/dist/devportal/components/ConfirmDialog.js CHANGED Viewed

@@ -1,11 +1,11 @@
-import { useTr as e } from "../utils/i18n.js";
-import { cn as t } from "../utils/cn.js";
+import { cn as e } from "../utils/cn.js";
+import { useTr as t } from "../utils/i18n.js";
 import { useEffect as n, useId as r, useRef as i } from "react";
 import { AlertTriangle as a, CheckCircle as o, Info as s, XCircle as c } from "lucide-react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region src/devportal/components/ConfirmDialog.tsx
+// src/devportal/components/ConfirmDialog.tsx
 var d = ({ open: d, onOpenChange: f, onConfirm: p, title: m, description: h, confirmLabel: g = "Confirm", cancelLabel: _ = "Cancel", variant: v = "default", loading: y = !1, children: b }) => {
-	let x = r(), S = r(), C = i(null), w = i(null), T = i(null), E = e(), D = i(f);
+	let x = r(), S = r(), C = i(null), w = i(null), T = i(null), E = t(), D = i(f);
 	if (n(() => {
 		D.current = f;
 	}, [f]), n(() => {
@@ -64,7 +64,7 @@ var d = ({ open: d, onOpenChange: f, onConfirm: p, title: m, description: h, con
 			children: [/* @__PURE__ */ u("div", {
 				className: "flex items-start gap-4",
 				children: [/* @__PURE__ */ l("div", {
-					className: t("rounded-full p-2", O.iconBg),
+					className: e("rounded-full p-2", O.iconBg),
 					children: O.icon
 				}), /* @__PURE__ */ u("div", {
 					className: "flex-1",
@@ -99,13 +99,13 @@ var d = ({ open: d, onOpenChange: f, onConfirm: p, title: m, description: h, con
 					type: "button",
 					onClick: p,
 					disabled: y,
-					className: t("rounded-md px-4 py-2 text-sm font-medium transition-colors disabled:opacity-50", O.button),
+					className: e("rounded-md px-4 py-2 text-sm font-medium transition-colors disabled:opacity-50", O.button),
 					children: y ? E("devportal.processing", "Processing...") : g
 				})]
 			})]
 		})]
 	});
-}, f = ({ variant: e = "info", title: n, children: r, onDismiss: i, className: d }) => {
+}, f = ({ variant: t = "info", title: n, children: r, onDismiss: i, className: d }) => {
 	let f = {
 		info: "bg-status-info-bg-subtle border-border-subtle text-status-info-text",
 		warning: "bg-status-warning-bg-subtle border-border-subtle text-status-warning-text",
@@ -118,11 +118,11 @@ var d = ({ open: d, onOpenChange: f, onConfirm: p, title: m, description: h, con
 		success: /* @__PURE__ */ l(o, { className: "h-5 w-5" })
 	};
 	return /* @__PURE__ */ l("div", {
-		className: t("rounded-lg border p-4", f[e], d),
+		className: e("rounded-lg border p-4", f[t], d),
 		children: /* @__PURE__ */ u("div", {
 			className: "flex items-start gap-3",
 			children: [
-				p[e],
+				p[t],
 				/* @__PURE__ */ u("div", {
 					className: "flex-1",
 					children: [n && /* @__PURE__ */ l("h4", {
@@ -143,7 +143,6 @@ var d = ({ open: d, onOpenChange: f, onConfirm: p, title: m, description: h, con
 		})
 	});
 };
-//#endregion
 export { f as Alert, d as ConfirmDialog };
 //# sourceMappingURL=ConfirmDialog.js.map

package/dist/devportal/components/ConfirmDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ConfirmDialog.js","names":[],"sources":["../../../src/devportal/components/ConfirmDialog.tsx"],"sourcesContent":["import { useEffect, useId, useRef, type FC, type ReactNode } from \"react\";\nimport { AlertTriangle, Info, CheckCircle, XCircle } from \"lucide-react\";\nimport { cn } from \"../utils/cn\";\nimport { useTr } from \"../utils/i18n\";\n\nexport interface ConfirmDialogProps {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n onConfirm: () => void \| Promise<void>;\n title: string;\n description?: string;\n confirmLabel?: string;\n cancelLabel?: string;\n variant?: \"default\" \| \"danger\" \| \"warning\" \| \"success\" \| \"destructive\";\n loading?: boolean;\n children?: ReactNode;\n}\n\n/*\n Confirmation dialog component\n /\nexport const ConfirmDialog: FC<ConfirmDialogProps> = ({\n open,\n onOpenChange,\n onConfirm,\n title,\n description,\n confirmLabel = \"Confirm\",\n cancelLabel = \"Cancel\",\n variant = \"default\",\n loading = false,\n children,\n}) => {\n const titleId = useId();\n const descriptionId = useId();\n const dialogRef = useRef<HTMLDivElement \| null>(null);\n const confirmButtonRef = useRef<HTMLButtonElement \| null>(null);\n const previousFocusRef = useRef<HTMLElement \| null>(null);\n const tr = useTr();\n\n // Keep a stable ref to the latest onOpenChange. Parents commonly pass an\n // inline arrow (new reference every render), so depending on it directly\n // would re-run the focus effect on every keystroke and yank focus away from\n // form inputs. Storing it in a ref lets the effect depend only on open/loading.\n const onOpenChangeRef = useRef(onOpenChange);\n useEffect(() => {\n onOpenChangeRef.current = onOpenChange;\n }, [onOpenChange]);\n\n useEffect(() => {\n if (!open) {\n return undefined;\n }\n\n previousFocusRef.current = document.activeElement as HTMLElement \| null;\n const originalOverflow = document.body.style.overflow;\n document.body.style.overflow = \"hidden\";\n\n // For form dialogs (with children), focus the container so Tab naturally\n // walks through the form fields first. Only auto-focus the confirm button\n // for simple confirmation dialogs that have no form fields.\n const focusTarget = children\n ? dialogRef.current\n : (confirmButtonRef.current ?? dialogRef.current);\n window.requestAnimationFrame(() => {\n focusTarget?.focus();\n });\n\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === \"Escape\" && !loading) {\n event.preventDefault();\n onOpenChangeRef.current(false);\n }\n };\n\n document.addEventListener(\"keydown\", onKeyDown);\n\n return () => {\n document.body.style.overflow = originalOverflow;\n document.removeEventListener(\"keydown\", onKeyDown);\n previousFocusRef.current?.focus();\n };\n // children is intentionally omitted: it re-creates every render and would\n // re-trigger focus-stealing on each keystroke. Only open/loading gate this.\n }, [loading, open]);\n\n if (!open) return null;\n\n // Map 'destructive' to 'danger' for internal use\n const normalizedVariant = variant === \"destructive\" ? \"danger\" : variant;\n\n const variantStyles = {\n default: {\n icon: <Info className=\"h-6 w-6 text-accent-blue\" />,\n iconBg: \"bg-status-info-bg-subtle\",\n button:\n \"bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90\",\n },\n danger: {\n icon: <XCircle className=\"h-6 w-6 text-status-error-text\" />,\n iconBg: \"bg-status-error-bg-subtle\",\n button: \"bg-status-error-bg text-white hover:bg-status-error-bg/90\",\n },\n warning: {\n icon: <AlertTriangle className=\"h-6 w-6 text-status-warning-text\" />,\n iconBg: \"bg-status-warning-bg-subtle\",\n button: \"bg-status-warning-bg text-white hover:bg-status-warning-bg/90\",\n },\n success: {\n icon: <CheckCircle className=\"h-6 w-6 text-status-success-text\" />,\n iconBg: \"bg-status-success-bg-subtle\",\n button: \"bg-status-success-bg text-white hover:bg-status-success-bg/90\",\n },\n };\n\n const styles = variantStyles[normalizedVariant];\n\n const handleClose = () => onOpenChange(false);\n\n return (\n <div className=\"fixed inset-0 z-50 flex items-center justify-center pt-[3.5rem]\">\n {/ Backdrop /}\n <button\n type=\"button\"\n aria-label=\"Close dialog backdrop\"\n className=\"absolute inset-0 bg-bg-overlay\"\n onClick={handleClose}\n />\n\n {/ Dialog /}\n <div\n ref={dialogRef}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={titleId}\n aria-describedby={description \|\| children ? descriptionId : undefined}\n tabIndex={-1}\n className=\"relative z-10 flex max-h-[calc(100dvh-3.5rem-2rem)] w-full max-w-md flex-col overflow-y-auto rounded-lg bg-bg-surface p-6 shadow-xl\"\n >\n <div className=\"flex items-start gap-4\">\n <div className={cn(\"rounded-full p-2\", styles.iconBg)}>\n {styles.icon}\n </div>\n <div className=\"flex-1\">\n <h3 id={titleId} className=\"text-lg font-semibold\">\n {title}\n </h3>\n {description && (\n <p\n id={descriptionId}\n className=\"mt-2 text-sm text-text-secondary\"\n >\n {description}\n </p>\n )}\n {children && (\n <div\n className=\"mt-4\"\n id={description ? undefined : descriptionId}\n >\n {children}\n </div>\n )}\n </div>\n </div>\n\n <div className=\"mt-6 flex justify-end gap-3\">\n <button\n type=\"button\"\n onClick={handleClose}\n disabled={loading}\n className=\"rounded-md border px-4 py-2 text-sm font-medium hover:bg-bg-sunken transition-colors disabled:opacity-50\"\n >\n {cancelLabel}\n </button>\n <button\n ref={confirmButtonRef}\n type=\"button\"\n onClick={onConfirm}\n disabled={loading}\n className={cn(\n \"rounded-md px-4 py-2 text-sm font-medium transition-colors disabled:opacity-50\",\n styles.button,\n )}\n >\n {loading\n ? tr(\"devportal.processing\", \"Processing...\")\n : confirmLabel}\n </button>\n </div>\n </div>\n </div>\n );\n};\n\n/\n Alert banner component\n */\nexport const Alert: FC<{\n variant?: \"info\" \| \"warning\" \| \"error\" \| \"success\";\n title?: string;\n children: ReactNode;\n onDismiss?: () => void;\n className?: string;\n}> = ({ variant = \"info\", title, children, onDismiss, className }) => {\n const variantStyles = {\n info: \"bg-status-info-bg-subtle border-border-subtle text-status-info-text\",\n warning:\n \"bg-status-warning-bg-subtle border-border-subtle text-status-warning-text\",\n error:\n \"bg-status-error-bg-subtle border-border-subtle text-status-error-text\",\n success:\n \"bg-status-success-bg-subtle border-border-subtle text-status-success-text\",\n };\n\n const icons = {\n info: <Info className=\"h-5 w-5\" />,\n warning: <AlertTriangle className=\"h-5 w-5\" />,\n error: <XCircle className=\"h-5 w-5\" />,\n success: <CheckCircle className=\"h-5 w-5\" />,\n };\n\n return (\n <div\n className={cn(\"rounded-lg border p-4\", variantStyles[variant], className)}\n >\n <div className=\"flex items-start gap-3\">\n {icons[variant]}\n <div className=\"flex-1\">\n {title && <h4 className=\"font-medium\">{title}</h4>}\n <div className=\"text-sm\">{children}</div>\n </div>\n {onDismiss && (\n <button\n type=\"button\"\n onClick={onDismiss}\n className=\"hover:opacity-70\"\n >\n <XCircle className=\"h-5 w-5\" />\n </button>\n )}\n </div>\n </div>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"ConfirmDialog.js","names":["ConfirmDialog","titleId","useId","descriptionId","dialogRef","useRef","confirmButtonRef","previousFocusRef","tr","useTr","onOpenChangeRef","onOpenChange","useEffect","open","originalOverflow","focusTarget","children","onKeyDown","event","loading","styles","Info","XCircle","AlertTriangle","CheckCircle","variant","handleClose","description","cn","title","cancelLabel","onConfirm","confirmLabel","Alert","variantStyles","icons","className","onDismiss"],"sources":["../../../src/devportal/components/ConfirmDialog.tsx"],"sourcesContent":["import { useEffect, useId, useRef, type FC, type ReactNode } from \"react\";\nimport { AlertTriangle, Info, CheckCircle, XCircle } from \"lucide-react\";\nimport { cn } from \"../utils/cn\";\nimport { useTr } from \"../utils/i18n\";\n\nexport interface ConfirmDialogProps {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n onConfirm: () => void \| Promise<void>;\n title: string;\n description?: string;\n confirmLabel?: string;\n cancelLabel?: string;\n variant?: \"default\" \| \"danger\" \| \"warning\" \| \"success\" \| \"destructive\";\n loading?: boolean;\n children?: ReactNode;\n}\n\n/*\n Confirmation dialog component\n /\nexport const ConfirmDialog: FC<ConfirmDialogProps> = ({\n open,\n onOpenChange,\n onConfirm,\n title,\n description,\n confirmLabel = \"Confirm\",\n cancelLabel = \"Cancel\",\n variant = \"default\",\n loading = false,\n children,\n}) => {\n const titleId = useId();\n const descriptionId = useId();\n const dialogRef = useRef<HTMLDivElement \| null>(null);\n const confirmButtonRef = useRef<HTMLButtonElement \| null>(null);\n const previousFocusRef = useRef<HTMLElement \| null>(null);\n const tr = useTr();\n\n // Keep a stable ref to the latest onOpenChange. Parents commonly pass an\n // inline arrow (new reference every render), so depending on it directly\n // would re-run the focus effect on every keystroke and yank focus away from\n // form inputs. Storing it in a ref lets the effect depend only on open/loading.\n const onOpenChangeRef = useRef(onOpenChange);\n useEffect(() => {\n onOpenChangeRef.current = onOpenChange;\n }, [onOpenChange]);\n\n useEffect(() => {\n if (!open) {\n return undefined;\n }\n\n previousFocusRef.current = document.activeElement as HTMLElement \| null;\n const originalOverflow = document.body.style.overflow;\n document.body.style.overflow = \"hidden\";\n\n // For form dialogs (with children), focus the container so Tab naturally\n // walks through the form fields first. Only auto-focus the confirm button\n // for simple confirmation dialogs that have no form fields.\n const focusTarget = children\n ? dialogRef.current\n : (confirmButtonRef.current ?? dialogRef.current);\n window.requestAnimationFrame(() => {\n focusTarget?.focus();\n });\n\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === \"Escape\" && !loading) {\n event.preventDefault();\n onOpenChangeRef.current(false);\n }\n };\n\n document.addEventListener(\"keydown\", onKeyDown);\n\n return () => {\n document.body.style.overflow = originalOverflow;\n document.removeEventListener(\"keydown\", onKeyDown);\n previousFocusRef.current?.focus();\n };\n // children is intentionally omitted: it re-creates every render and would\n // re-trigger focus-stealing on each keystroke. Only open/loading gate this.\n }, [loading, open]);\n\n if (!open) return null;\n\n // Map 'destructive' to 'danger' for internal use\n const normalizedVariant = variant === \"destructive\" ? \"danger\" : variant;\n\n const variantStyles = {\n default: {\n icon: <Info className=\"h-6 w-6 text-accent-blue\" />,\n iconBg: \"bg-status-info-bg-subtle\",\n button:\n \"bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90\",\n },\n danger: {\n icon: <XCircle className=\"h-6 w-6 text-status-error-text\" />,\n iconBg: \"bg-status-error-bg-subtle\",\n button: \"bg-status-error-bg text-white hover:bg-status-error-bg/90\",\n },\n warning: {\n icon: <AlertTriangle className=\"h-6 w-6 text-status-warning-text\" />,\n iconBg: \"bg-status-warning-bg-subtle\",\n button: \"bg-status-warning-bg text-white hover:bg-status-warning-bg/90\",\n },\n success: {\n icon: <CheckCircle className=\"h-6 w-6 text-status-success-text\" />,\n iconBg: \"bg-status-success-bg-subtle\",\n button: \"bg-status-success-bg text-white hover:bg-status-success-bg/90\",\n },\n };\n\n const styles = variantStyles[normalizedVariant];\n\n const handleClose = () => onOpenChange(false);\n\n return (\n <div className=\"fixed inset-0 z-50 flex items-center justify-center pt-[3.5rem]\">\n {/ Backdrop /}\n <button\n type=\"button\"\n aria-label=\"Close dialog backdrop\"\n className=\"absolute inset-0 bg-bg-overlay\"\n onClick={handleClose}\n />\n\n {/ Dialog /}\n <div\n ref={dialogRef}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={titleId}\n aria-describedby={description \|\| children ? descriptionId : undefined}\n tabIndex={-1}\n className=\"relative z-10 flex max-h-[calc(100dvh-3.5rem-2rem)] w-full max-w-md flex-col overflow-y-auto rounded-lg bg-bg-surface p-6 shadow-xl\"\n >\n <div className=\"flex items-start gap-4\">\n <div className={cn(\"rounded-full p-2\", styles.iconBg)}>\n {styles.icon}\n </div>\n <div className=\"flex-1\">\n <h3 id={titleId} className=\"text-lg font-semibold\">\n {title}\n </h3>\n {description && (\n <p\n id={descriptionId}\n className=\"mt-2 text-sm text-text-secondary\"\n >\n {description}\n </p>\n )}\n {children && (\n <div\n className=\"mt-4\"\n id={description ? undefined : descriptionId}\n >\n {children}\n </div>\n )}\n </div>\n </div>\n\n <div className=\"mt-6 flex justify-end gap-3\">\n <button\n type=\"button\"\n onClick={handleClose}\n disabled={loading}\n className=\"rounded-md border px-4 py-2 text-sm font-medium hover:bg-bg-sunken transition-colors disabled:opacity-50\"\n >\n {cancelLabel}\n </button>\n <button\n ref={confirmButtonRef}\n type=\"button\"\n onClick={onConfirm}\n disabled={loading}\n className={cn(\n \"rounded-md px-4 py-2 text-sm font-medium transition-colors disabled:opacity-50\",\n styles.button,\n )}\n >\n {loading\n ? tr(\"devportal.processing\", \"Processing...\")\n : confirmLabel}\n </button>\n </div>\n </div>\n </div>\n );\n};\n\n/\n Alert banner component\n */\nexport const Alert: FC<{\n variant?: \"info\" \| \"warning\" \| \"error\" \| \"success\";\n title?: string;\n children: ReactNode;\n onDismiss?: () => void;\n className?: string;\n}> = ({ variant = \"info\", title, children, onDismiss, className }) => {\n const variantStyles = {\n info: \"bg-status-info-bg-subtle border-border-subtle text-status-info-text\",\n warning:\n \"bg-status-warning-bg-subtle border-border-subtle text-status-warning-text\",\n error:\n \"bg-status-error-bg-subtle border-border-subtle text-status-error-text\",\n success:\n \"bg-status-success-bg-subtle border-border-subtle text-status-success-text\",\n };\n\n const icons = {\n info: <Info className=\"h-5 w-5\" />,\n warning: <AlertTriangle className=\"h-5 w-5\" />,\n error: <XCircle className=\"h-5 w-5\" />,\n success: <CheckCircle className=\"h-5 w-5\" />,\n };\n\n return (\n <div\n className={cn(\"rounded-lg border p-4\", variantStyles[variant], className)}\n >\n <div className=\"flex items-start gap-3\">\n {icons[variant]}\n <div className=\"flex-1\">\n {title && <h4 className=\"font-medium\">{title}</h4>}\n <div className=\"text-sm\">{children}</div>\n </div>\n {onDismiss && (\n <button\n type=\"button\"\n onClick={onDismiss}\n className=\"hover:opacity-70\"\n >\n <XCircle className=\"h-5 w-5\" />\n </button>\n )}\n </div>\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/devportal/components/DataTable.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import { FC, ReactNode } from 'react';
 export interface Column<T> {
     key: string;
     header: ReactNode;
@@ -27,7 +26,7 @@ export interface DataTableProps<T> {
  */
 export declare function DataTable<T extends {
     [K in keyof T]: T[K];
-}>({ data, columns, keyField, onRowClick, className, emptyMessage, loading, pagination, }: DataTableProps<T>): import("react").JSX.Element;
+}>({ data, columns, keyField, onRowClick, className, emptyMessage, loading, pagination, }: DataTableProps<T>): import('react').JSX.Element;
 /**
  * Simple key-value detail list
  */
@@ -38,4 +37,3 @@ export declare const DetailList: FC<{
     }>;
     className?: string;
 }>;
-//# sourceMappingURL=DataTable.d.ts.map

package/dist/devportal/components/DataTable.js CHANGED Viewed

@@ -1,22 +1,22 @@
-import { useTr as e } from "../utils/i18n.js";
-import { cn as t } from "../utils/cn.js";
+import { cn as e } from "../utils/cn.js";
+import { useTr as t } from "../utils/i18n.js";
 import { ChevronLeft as n, ChevronRight as r, ChevronsLeft as i, ChevronsRight as a } from "lucide-react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/devportal/components/DataTable.tsx
+// src/devportal/components/DataTable.tsx
 function c({ data: c, columns: l, keyField: u, onRowClick: d, className: f, emptyMessage: p, loading: m, pagination: h }) {
-	let g = e(), _ = p ?? g("devportal.noDataAvailable", "No data available"), v = h ? Math.ceil(h.totalCount / h.pageSize) : 1;
+	let g = t(), _ = p ?? g("devportal.noDataAvailable", "No data available"), v = h ? Math.ceil(h.totalCount / h.pageSize) : 1;
 	return /* @__PURE__ */ s("div", {
-		className: t("rounded-lg border border-border-seam bg-bg-surface", f),
+		className: e("rounded-lg border border-border-seam bg-bg-surface", f),
 		children: [/* @__PURE__ */ o("div", {
 			className: "overflow-x-auto",
 			children: /* @__PURE__ */ s("table", {
 				className: "w-full",
 				children: [/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ o("tr", {
 					className: "border-b border-border-seam bg-bg-sunken/40",
-					children: l.map((e) => /* @__PURE__ */ o("th", {
-						className: t("px-4 py-3 text-left text-sm font-medium text-text-secondary", e.className),
-						children: e.header
-					}, e.key))
+					children: l.map((t) => /* @__PURE__ */ o("th", {
+						className: e("px-4 py-3 text-left text-sm font-medium text-text-secondary", t.className),
+						children: t.header
+					}, t.key))
 				}) }), /* @__PURE__ */ o("tbody", { children: m ? Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ o("tr", {
 					className: "animate-pulse border-b border-border-seam",
 					children: l.map((e) => /* @__PURE__ */ o("td", {
@@ -27,19 +27,19 @@ function c({ data: c, columns: l, keyField: u, onRowClick: d, className: f, empt
 					colSpan: l.length,
 					className: "px-4 py-8 text-center text-text-secondary",
 					children: _
-				}) }) : c.map((e) => /* @__PURE__ */ o("tr", {
+				}) }) : c.map((t) => /* @__PURE__ */ o("tr", {
 					role: d ? "button" : void 0,
 					tabIndex: d ? 0 : void 0,
-					className: t("border-b border-border-seam transition-colors", d && "cursor-pointer hover:bg-bg-sunken/50 focus-visible:outline-none focus-visible:bg-bg-sunken/50"),
-					onClick: () => d?.(e),
-					onKeyDown: (t) => {
-						d && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), d(e));
+					className: e("border-b border-border-seam transition-colors", d && "cursor-pointer hover:bg-bg-sunken/50 focus-visible:outline-none focus-visible:bg-bg-sunken/50"),
+					onClick: () => d?.(t),
+					onKeyDown: (e) => {
+						d && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), d(t));
 					},
 					children: l.map((n) => /* @__PURE__ */ o("td", {
-						className: t("px-4 py-3 text-sm", n.className),
-						children: n.render ? n.render(e) : String(e[n.key] ?? "")
+						className: e("px-4 py-3 text-sm", n.className),
+						children: n.render ? n.render(t) : String(t[n.key] ?? "")
 					}, String(n.key)))
-				}, String(e[u]))) })]
+				}, String(t[u]))) })]
 			})
 		}), h && v > 1 && /* @__PURE__ */ s("div", {
 			className: "flex items-center justify-between border-t border-border-seam px-4 py-3",
@@ -104,9 +104,9 @@ function c({ data: c, columns: l, keyField: u, onRowClick: d, className: f, empt
 		})]
 	});
 }
-var l = ({ items: e, className: n }) => /* @__PURE__ */ o("dl", {
-	className: t("divide-y divide-border-seam rounded-lg border border-border-seam", n),
-	children: e.map((e, t) => /* @__PURE__ */ s("div", {
+var l = ({ items: t, className: n }) => /* @__PURE__ */ o("dl", {
+	className: e("divide-y divide-border-seam rounded-lg border border-border-seam", n),
+	children: t.map((e, t) => /* @__PURE__ */ s("div", {
 		className: "flex flex-col gap-1 px-4 py-3 sm:flex-row sm:gap-4",
 		children: [/* @__PURE__ */ o("dt", {
 			className: "text-sm font-medium text-text-secondary sm:w-1/3",
@@ -117,7 +117,6 @@ var l = ({ items: e, className: n }) => /* @__PURE__ */ o("dl", {
 		})]
 	}, t))
 });
-//#endregion
 export { c as DataTable, l as DetailList };
 //# sourceMappingURL=DataTable.js.map