UN-2781 [FEAT] Add admin custom Stripe product creation support

frontend/src/components/helpers/auth/RequireStaff.js

@@ -0,0 +1,23 @@
+import { Outlet } from "react-router-dom";
+
+import { useSessionStore } from "../../../store/session-store";
+import { Unauthorized } from "../../error/UnAuthorized/Unauthorized.jsx";
+import { NotFound } from "../../error/NotFound/NotFound.jsx";
+
+const RequireStaff = () => {
+  const { sessionDetails } = useSessionStore();
+  const isStaff = sessionDetails?.isStaff || sessionDetails?.is_staff;
+  const orgName = sessionDetails?.orgName;
+  const isOpenSource = orgName === "mock_org";
+
+  if (!isStaff) {
+    return <Unauthorized />;
+  }
+  if (isOpenSource) {
+    return <NotFound />;
+  }
+
+  return <Outlet />;
+};
+
+export { RequireStaff };

frontend/src/pages/UnstractAdministrationPage.jsx

@@ -0,0 +1,23 @@
+let UnstractAdministration;
+
+try {
+  UnstractAdministration =
+    require("../plugins/subscription-admin/components/UnstractAdministration.jsx").UnstractAdministration;
+} catch (err) {
+  // NOSONAR
+  // Cloud-only feature, not available in OSS
+}
+
+function UnstractAdministrationPage() {
+  if (!UnstractAdministration) {
+    return (
+      <div style={{ padding: "24px", textAlign: "center" }}>
+        <h2>Administration Panel</h2>
+        <p>This feature is only available in Unstract Cloud.</p>
+      </div>
+    );
+  }
+  return <UnstractAdministration />;
+}
+
+export { UnstractAdministrationPage };

frontend/src/routes/Router.jsx

@@ -86,6 +86,15 @@ try {
   // Do nothing, Not-found Page will be triggered.
 }
 
+let LlmWhispererCustomCheckoutPage;
+try {
+  LlmWhispererCustomCheckoutPage =
+    require("../plugins/llm-whisperer/pages/LlmWhispererCustomCheckoutPage.jsx").LlmWhispererCustomCheckoutPage;
+} catch (err) {
+  // NOSONAR
+  // Do nothing, Not-found Page will be triggered.
+}
+
 function Router() {
   const MainAppRoute = useMainAppRoutes();
   return (
@@ -147,6 +156,12 @@ function Router() {
             element={<CustomPlanCheckoutPage />}
           />
         )}
+        {LlmWhispererCustomCheckoutPage && (
+          <Route
+            path="/llm-whisperer/custom-checkout"
+            element={<LlmWhispererCustomCheckoutPage />}
+          />
+        )}
         <Route path="" element={<RequireAuth />}>
           {MainAppRoute}
           {llmWhispererRouter && (

frontend/src/routes/useMainAppRoutes.js

@@ -6,6 +6,7 @@ import { ToolsSettingsPage } from "../pages/ToolsSettingsPage.jsx";
 import { SettingsPage } from "../pages/SettingsPage.jsx";
 import { PlatformSettings } from "../components/settings/platform/PlatformSettings.jsx";
 import { RequireAdmin } from "../components/helpers/auth/RequireAdmin.js";
+import { RequireStaff } from "../components/helpers/auth/RequireStaff.js";
 import { UsersPage } from "../pages/UsersPage.jsx";
 import { InviteEditUserPage } from "../pages/InviteEditUserPage.jsx";
 import { DefaultTriad } from "../components/settings/default-triad/DefaultTriad.jsx";
@@ -22,6 +23,7 @@ import { OutputAnalyzerPage } from "../pages/OutputAnalyzerPage.jsx";
 import { LogsPage } from "../pages/LogsPage.jsx";
 import { deploymentTypes } from "../helpers/GetStaticData.js";
 import ConnectorsPage from "../pages/ConnectorsPage.jsx";
+import { UnstractAdministrationPage } from "../pages/UnstractAdministrationPage.jsx";
 
 let RequirePlatformAdmin;
 let PlatformAdminPage;
@@ -117,6 +119,12 @@ function useMainAppRoutes() {
             <Route path="pricing" element={<UnstractSubscriptionPage />} />
           </Route>
         )}
+        <Route element={<RequireStaff />}>
+          <Route
+            path="admin/custom-plans"
+            element={<UnstractAdministrationPage />}
+          />
+        </Route>
         <Route path="profile" element={<ProfilePage />} />
         <Route
           path="api"