@authhero/react-admin 0.30.0 → 0.32.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @authhero/react-admin
 
+## 0.32.0
+
+### Minor Changes
+
+- 44b76d9: Update the custom text behaviour
+
+### Patch Changes
+
+- Updated dependencies [44b76d9]
+  - @authhero/widget@0.10.0
+
+## 0.31.0
+
+### Minor Changes
+
+- ac8af37: Add custom text support
+
+### Patch Changes
+
+- Updated dependencies [88a03cd]
+- Updated dependencies [ac8af37]
+  - @authhero/widget@0.9.0
+  - @authhero/adapter-interfaces@0.130.0
+
 ## 0.30.0
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@authhero/react-admin",
-  "version": "0.30.0",
+  "version": "0.32.0",
   "packageManager": "pnpm@10.20.0",
   "private": false,
   "repository": {

package/src/App.tsx

@@ -25,6 +25,7 @@ import {
   DomainList,
 } from "./components/custom-domains";
 import { BrandingList, BrandingEdit } from "./components/branding";
+import { PromptsList, PromptsEdit } from "./components/prompts";
 import { LogsList, LogShow } from "./components/logs";
 import { HookEdit, HookList, HooksCreate } from "./components/hooks";
 import { SessionEdit } from "./components/sessions";
@@ -41,6 +42,7 @@ import {
 import WebhookIcon from "@mui/icons-material/Webhook";
 import DnsIcon from "@mui/icons-material/Dns";
 import PaletteIcon from "@mui/icons-material/Palette";
+import TextFieldsIcon from "@mui/icons-material/TextFields";
 import StorageIcon from "@mui/icons-material/Storage";
 import AccountTreeIcon from "@mui/icons-material/AccountTree";
 import { useMemo, useState, useEffect } from "react";
@@ -251,6 +253,14 @@ export function App(props: AppProps) {
           edit={BrandingEdit}
           show={ShowGuesser}
         />
+        <Resource
+          icon={TextFieldsIcon}
+          name="prompts"
+          options={{ hasSingle: true }}
+          list={PromptsList}
+          edit={PromptsEdit}
+          show={ShowGuesser}
+        />
         <Resource
           icon={StorageIcon}
           name="resource-servers"

package/src/auth0DataProvider.ts

@@ -346,6 +346,61 @@ export default (
         );
       }
 
+      // Handle prompts singleton resource
+      if (resource === "prompts") {
+        const headers = createHeaders(tenantId);
+        try {
+          const res = await httpClient(`${apiUrl}/api/v2/prompts`, { headers });
+          // Also fetch custom text entries list
+          let customTextEntries: Array<{ prompt: string; language: string }> =
+            [];
+          try {
+            const customTextRes = await httpClient(
+              `${apiUrl}/api/v2/prompts/custom-text`,
+              { headers },
+            );
+            customTextEntries = customTextRes.json || [];
+          } catch {
+            // Custom text list might not exist yet
+          }
+          return {
+            data: [{ ...res.json, customTextEntries, id: resource }],
+            total: 1,
+          };
+        } catch (error) {
+          console.error("Error fetching prompts:", error);
+          return {
+            data: [{ id: resource, customTextEntries: [] }],
+            total: 1,
+          };
+        }
+      }
+
+      // Handle custom-text resource (for individual custom text entries)
+      if (resource === "custom-text") {
+        const headers = createHeaders(tenantId);
+        try {
+          const res = await httpClient(
+            `${apiUrl}/api/v2/prompts/custom-text`,
+            { headers },
+          );
+          const entries = res.json || [];
+          return {
+            data: entries.map(
+              (e: { prompt: string; language: string }, idx: number) => ({
+                id: `${e.prompt}:${e.language}`,
+                prompt: e.prompt,
+                language: e.language,
+              }),
+            ),
+            total: entries.length,
+          };
+        } catch (error) {
+          console.error("Error fetching custom-text list:", error);
+          return { data: [], total: 0 };
+        }
+      }
+
       // Handle organizations with client-side paging and search (fetch 500, filter locally)
       if (resource === "organizations" && !resourcePath.includes("/")) {
         const result = await managementClient.organizations.list({
@@ -587,6 +642,62 @@ export default (
         };
       }
 
+      // Handle prompts singleton resource
+      if (resource === "prompts") {
+        const headers = createHeaders(tenantId);
+        try {
+          const res = await httpClient(`${apiUrl}/api/v2/prompts`, { headers });
+          // Also fetch custom text entries list
+          let customTextEntries: Array<{ prompt: string; language: string }> =
+            [];
+          try {
+            const customTextRes = await httpClient(
+              `${apiUrl}/api/v2/prompts/custom-text`,
+              { headers },
+            );
+            customTextEntries = customTextRes.json || [];
+          } catch {
+            // Custom text list might not exist yet
+          }
+          return {
+            data: { ...res.json, customTextEntries, id: resource },
+          };
+        } catch (error) {
+          console.error("Error fetching prompts:", error);
+          return {
+            data: { id: resource, customTextEntries: [] },
+          };
+        }
+      }
+
+      // Handle custom-text resource (individual entries)
+      if (resource === "custom-text") {
+        // ID format is "prompt:language"
+        const [prompt, language] = params.id.split(":");
+        if (!prompt || !language) {
+          throw new Error("Invalid custom-text ID format");
+        }
+        try {
+          const result = await managementClient.prompts.customText.get(
+            prompt as any,
+            language as any,
+          );
+          return {
+            data: {
+              id: params.id,
+              prompt,
+              language,
+              texts: result || {},
+            },
+          };
+        } catch (error) {
+          console.error("Error fetching custom-text:", error);
+          return {
+            data: { id: params.id, prompt, language, texts: {} },
+          };
+        }
+      }
+
       // Handle stats/active-users endpoint
       if (resource === "stats/active-users") {
         const headers = createHeaders(tenantId);
@@ -948,6 +1059,44 @@ export default (
         };
       }
 
+      // Handle prompts singleton resource
+      if (resource === "prompts") {
+        const headers = createHeaders(tenantId);
+        headers.set("Content-Type", "application/json");
+        // Don't send customTextEntries to the settings endpoint
+        const { customTextEntries, ...promptsData } = cleanParams.data;
+        const res = await httpClient(`${apiUrl}/api/v2/prompts`, {
+          method: "PATCH",
+          headers,
+          body: JSON.stringify(promptsData),
+        });
+        return {
+          data: { ...res.json, customTextEntries, id: resource },
+        };
+      }
+
+      // Handle custom-text resource
+      if (resource === "custom-text") {
+        // ID format is "prompt:language"
+        const [prompt, language] = params.id.split(":");
+        if (!prompt || !language) {
+          throw new Error("Invalid custom-text ID format");
+        }
+        await managementClient.prompts.customText.set(
+          prompt as any,
+          language as any,
+          cleanParams.data.texts || {},
+        );
+        return {
+          data: {
+            id: params.id,
+            prompt,
+            language,
+            texts: cleanParams.data.texts || {},
+          },
+        };
+      }
+
       // Special handling for branding to update theme data separately
       if (resource === "branding") {
         // Extract themes from the payload - it's updated via a separate endpoint
@@ -1123,6 +1272,27 @@ export default (
       if (tenantId) headers.set("tenant-id", tenantId);
       const managementClient = await getManagementClient();
 
+      // Handle custom-text resource
+      if (resource === "custom-text") {
+        const { prompt, language, texts } = params.data;
+        if (!prompt || !language) {
+          throw new Error("prompt and language are required");
+        }
+        await managementClient.prompts.customText.set(
+          prompt as any,
+          language as any,
+          texts || {},
+        );
+        return {
+          data: {
+            id: `${prompt}:${language}`,
+            prompt,
+            language,
+            texts: texts || {},
+          },
+        };
+      }
+
       // Helper for POST requests
       const post = async (endpoint: string, body: any) =>
         httpClient(`${apiUrl}/api/v2/${endpoint}`, {
@@ -1276,6 +1446,23 @@ export default (
       const headers = new Headers({ "content-type": "application/json" });
       if (tenantId) headers.set("tenant-id", tenantId);
 
+      // Handle custom-text resource
+      if (resource === "custom-text") {
+        // ID format is "prompt:language"
+        const [prompt, language] = String(params.id).split(":");
+        if (!prompt || !language) {
+          throw new Error("Invalid custom-text ID format");
+        }
+        // Auth0 SDK doesn't have delete, so we set to empty object
+        // Our backend also supports DELETE, but using set({}) is compatible with Auth0
+        await managementClient.prompts.customText.set(
+          prompt as any,
+          language as any,
+          {},
+        );
+        return { data: { id: params.id } };
+      }
+
       // Helper for DELETE requests
       const del = async (endpoint: string, body?: any) =>
         httpClient(`${apiUrl}/api/v2/${endpoint}`, {