@authhero/react-admin 0.10.0

package/src/components/roles/index.ts

@@ -0,0 +1,3 @@
+export * from "./list";
+export * from "./create";
+export * from "./edit";

package/src/components/roles/list.tsx

@@ -0,0 +1,24 @@
+import { List, Datagrid, TextField, DateField, TextInput } from "react-admin";
+import { PostListActions } from "../listActions/PostListActions";
+
+export function RoleList() {
+  const filters = [
+    <TextInput key="search" label="Search" source="q" alwaysOn />,
+  ];
+
+  return (
+    <List
+      actions={<PostListActions />}
+      filters={filters}
+      sort={{ field: "name", order: "ASC" }}
+    >
+      <Datagrid rowClick="edit" bulkActionButtons={false}>
+        <TextField source="id" />
+        <TextField source="name" />
+        <TextField source="description" />
+        <DateField source="created_at" showTime={true} />
+        <DateField source="updated_at" showTime={true} />
+      </Datagrid>
+    </List>
+  );
+}

package/src/components/sessions/edit.tsx

@@ -0,0 +1,101 @@
+import {
+  Edit,
+  SimpleShowLayout,
+  TextField,
+  DateField,
+  FunctionField,
+  ArrayField,
+  SingleFieldList,
+  ChipField,
+  Labeled,
+  ReferenceField,
+  TabbedForm,
+} from "react-admin";
+import { Stack, Typography, Card, CardContent, Box } from "@mui/material";
+import { JsonOutput } from "../common/JsonOutput";
+
+export function SessionEdit() {
+  return (
+    <Edit>
+      <SimpleShowLayout>
+        <Stack spacing={2} direction="row" sx={{ mb: 2 }}>
+          <Labeled label="Session ID">
+            <TextField source="id" />
+          </Labeled>
+        </Stack>
+
+        <TabbedForm>
+          <TabbedForm.Tab label="Details">
+            <Stack spacing={2} direction="row">
+              <Labeled label="User ID">
+                <ReferenceField reference="users" source="user_id" link="show">
+                  <TextField source="email" />
+                </ReferenceField>
+              </Labeled>
+            </Stack>
+
+            <Stack spacing={2} direction="row">
+              <Labeled label="Created At">
+                <DateField source="created_at" showTime />
+              </Labeled>
+              <Labeled label="Last Used At">
+                <DateField source="used_at" showTime emptyText="-" />
+              </Labeled>
+            </Stack>
+
+            <Stack spacing={2} direction="row">
+              <Labeled label="Expires At">
+                <DateField source="expires_at" showTime emptyText="-" />
+              </Labeled>
+              <Labeled label="Idle Expires At">
+                <DateField source="idle_expires_at" showTime emptyText="-" />
+              </Labeled>
+            </Stack>
+
+            <Labeled label="Status">
+              <FunctionField
+                render={(record) => (record.revoked_at ? "Revoked" : "Active")}
+              />
+            </Labeled>
+
+            <Typography variant="h6">Client Applications</Typography>
+            <ArrayField source="clients">
+              <SingleFieldList>
+                <ChipField source="" />
+              </SingleFieldList>
+            </ArrayField>
+          </TabbedForm.Tab>
+
+          <TabbedForm.Tab label="Device">
+            <Stack spacing={2}>
+              <Labeled label="Last IP Address">
+                <TextField source="device.last_ip" emptyText="-" />
+              </Labeled>
+              <Labeled label="Last User Agent">
+                <TextField source="device.last_user_agent" emptyText="-" />
+              </Labeled>
+              <Labeled label="Initial IP Address">
+                <TextField source="device.initial_ip" emptyText="-" />
+              </Labeled>
+              <Labeled label="Initial User Agent">
+                <TextField source="device.initial_user_agent" emptyText="-" />
+              </Labeled>
+            </Stack>
+          </TabbedForm.Tab>
+
+          <TabbedForm.Tab label="Raw">
+            <Box sx={{ mt: 1 }}>
+              <Card variant="outlined">
+                <CardContent>
+                  <FunctionField
+                    render={(record) => <JsonOutput data={record} />}
+                  />
+                </CardContent>
+              </Card>
+            </Box>
+          </TabbedForm.Tab>
+        </TabbedForm>
+      </SimpleShowLayout>
+    </Edit>
+  );
+}

package/src/components/sessions/index.ts

@@ -0,0 +1,3 @@
+export * from "./list";
+export * from "./edit";
+export * from "./show";

package/src/components/sessions/list.tsx

@@ -0,0 +1,20 @@
+import { List, Datagrid, TextField, TextInput } from "react-admin";
+import { PostListActions } from "../listActions/PostListActions";
+
+export function SessionsList() {
+  const postFilters = [
+    <TextInput key="search" label="Search" source="q" alwaysOn />,
+  ];
+
+  return (
+    <List
+      actions={<PostListActions />}
+      filters={postFilters}
+      sort={{ field: "date", order: "DESC" }}
+    >
+      <Datagrid bulkActionButtons={false} rowClick="show">
+        <TextField source="description" />
+      </Datagrid>
+    </List>
+  );
+}

package/src/components/sessions/show.tsx

@@ -0,0 +1,113 @@
+import {
+  Show,
+  SimpleShowLayout,
+  TextField,
+  DateField,
+  FunctionField,
+  ArrayField,
+  SingleFieldList,
+  ChipField,
+  Labeled,
+  ReferenceField,
+  TabbedShowLayout,
+} from "react-admin";
+import { Stack, Typography, Card, CardContent, Box } from "@mui/material";
+import { JsonOutput } from "../common/JsonOutput";
+
+export function SessionShow() {
+  return (
+    <Show>
+      <SimpleShowLayout>
+        <Stack spacing={2} direction="row" sx={{ mb: 2 }}>
+          <Labeled label="Session ID">
+            <TextField source="id" />
+          </Labeled>
+        </Stack>
+
+        <TabbedShowLayout>
+          <TabbedShowLayout.Tab label="Details">
+            <Stack spacing={2} direction="row">
+              <Labeled label="User ID">
+                <ReferenceField reference="users" source="user_id" link="show">
+                  <TextField source="email" />
+                </ReferenceField>
+              </Labeled>
+            </Stack>
+
+            <Stack spacing={2} direction="row">
+              <Labeled label="Created At">
+                <DateField source="created_at" showTime />
+              </Labeled>
+              <Labeled label="Last Used At">
+                <DateField source="used_at" showTime emptyText="-" />
+              </Labeled>
+            </Stack>
+
+            <Stack spacing={2} direction="row">
+              <Labeled label="Expires At">
+                <DateField source="expires_at" showTime emptyText="-" />
+              </Labeled>
+              <Labeled label="Idle Expires At">
+                <DateField source="idle_expires_at" showTime emptyText="-" />
+              </Labeled>
+            </Stack>
+
+            <Labeled label="Status">
+              <FunctionField
+                render={(record) => (record.revoked_at ? "Revoked" : "Active")}
+              />
+            </Labeled>
+
+            <Typography variant="h6">Client Applications</Typography>
+            <ArrayField source="clients">
+              <SingleFieldList>
+                <ChipField source="" />
+              </SingleFieldList>
+            </ArrayField>
+          </TabbedShowLayout.Tab>
+
+          <TabbedShowLayout.Tab label="Device">
+            <Box sx={{ mt: 1 }}>
+              <Card variant="outlined" sx={{ mb: 2 }}>
+                <CardContent>
+                  <Stack spacing={2}>
+                    <Labeled label="Last IP Address">
+                      <TextField source="device.last_ip" emptyText="-" />
+                    </Labeled>
+                    <Labeled label="Last User Agent">
+                      <TextField
+                        source="device.last_user_agent"
+                        emptyText="-"
+                      />
+                    </Labeled>
+                    <Labeled label="Initial IP Address">
+                      <TextField source="device.initial_ip" emptyText="-" />
+                    </Labeled>
+                    <Labeled label="Initial User Agent">
+                      <TextField
+                        source="device.initial_user_agent"
+                        emptyText="-"
+                      />
+                    </Labeled>
+                  </Stack>
+                </CardContent>
+              </Card>
+            </Box>
+          </TabbedShowLayout.Tab>
+
+          <TabbedShowLayout.Tab label="Raw">
+            <Box sx={{ mt: 1 }}>
+              <Card variant="outlined">
+                <CardContent>
+                  <FunctionField
+                    render={(record) => <JsonOutput data={record} />}
+                  />
+                </CardContent>
+              </Card>
+            </Box>
+          </TabbedShowLayout.Tab>
+        </TabbedShowLayout>
+      </SimpleShowLayout>
+    </Show>
+  );
+}

package/src/components/settings/edit.tsx

@@ -0,0 +1,236 @@
+import {
+  Edit,
+  TextInput,
+  TabbedForm,
+  BooleanInput,
+  NumberInput,
+  ArrayInput,
+  SimpleFormIterator,
+} from "react-admin";
+import { Stack } from "@mui/material";
+
+export function SettingsEdit() {
+  return (
+    <Edit>
+      <TabbedForm>
+        <TabbedForm.Tab label="General">
+          <Stack spacing={2}>
+            <TextInput source="friendly_name" label="Friendly Name" fullWidth />
+            <TextInput source="picture_url" label="Picture URL" fullWidth />
+            <TextInput source="support_email" label="Support Email" fullWidth />
+            <TextInput source="support_url" label="Support URL" fullWidth />
+            <TextInput
+              source="default_directory"
+              label="Default Directory"
+              fullWidth
+            />
+            <TextInput
+              source="default_audience"
+              label="Default Audience"
+              fullWidth
+            />
+            <TextInput
+              source="default_organization"
+              label="Default Organization"
+              fullWidth
+            />
+            <TextInput
+              source="default_redirection_uri"
+              label="Default Redirection URI"
+              fullWidth
+            />
+          </Stack>
+        </TabbedForm.Tab>
+
+        <TabbedForm.Tab label="Session">
+          <Stack spacing={2}>
+            <NumberInput
+              source="idle_session_lifetime"
+              label="Idle Session Lifetime (hours)"
+              helperText="Hours before an idle session expires"
+            />
+            <NumberInput
+              source="session_lifetime"
+              label="Session Lifetime (hours)"
+              helperText="Maximum session duration in hours"
+            />
+            <TextInput
+              source="session_cookie.mode"
+              label="Session Cookie Mode"
+              helperText="persistent or non-persistent"
+            />
+          </Stack>
+        </TabbedForm.Tab>
+
+        <TabbedForm.Tab label="Sessions Management">
+          <BooleanInput
+            source="sessions.oidc_logout_prompt_enabled"
+            label="Enable OIDC Logout Prompt"
+          />
+        </TabbedForm.Tab>
+
+        <TabbedForm.Tab label="Localization">
+          <ArrayInput source="enabled_locales" label="Enabled Locales">
+            <SimpleFormIterator inline>
+              <TextInput source="" label="" helperText="e.g., en, es, fr" />
+            </SimpleFormIterator>
+          </ArrayInput>
+        </TabbedForm.Tab>
+
+        <TabbedForm.Tab label="Error Page">
+          <Stack spacing={2}>
+            <TextInput
+              source="error_page.url"
+              label="Error Page URL"
+              fullWidth
+            />
+            <TextInput
+              source="error_page.html"
+              label="Error Page HTML"
+              multiline
+              rows={10}
+              fullWidth
+            />
+            <BooleanInput
+              source="error_page.show_log_link"
+              label="Show Log Link"
+            />
+          </Stack>
+        </TabbedForm.Tab>
+
+        <TabbedForm.Tab label="Change Password">
+          <Stack spacing={2}>
+            <BooleanInput source="change_password.enabled" label="Enabled" />
+            <TextInput
+              source="change_password.html"
+              label="Custom HTML"
+              multiline
+              rows={10}
+              fullWidth
+            />
+          </Stack>
+        </TabbedForm.Tab>
+
+        <TabbedForm.Tab label="Guardian MFA">
+          <Stack spacing={2}>
+            <BooleanInput source="guardian_mfa_page.enabled" label="Enabled" />
+            <TextInput
+              source="guardian_mfa_page.html"
+              label="Custom HTML"
+              multiline
+              rows={10}
+              fullWidth
+            />
+          </Stack>
+        </TabbedForm.Tab>
+
+        <TabbedForm.Tab label="Feature Flags">
+          <Stack spacing={2}>
+            <BooleanInput
+              source="flags.allow_legacy_delegation_grant_types"
+              label="Allow Legacy Delegation Grant Types"
+            />
+            <BooleanInput
+              source="flags.allow_legacy_ro_grant_types"
+              label="Allow Legacy RO Grant Types"
+            />
+            <BooleanInput
+              source="flags.allow_legacy_tokeninfo_endpoint"
+              label="Allow Legacy Token Info Endpoint"
+            />
+            <BooleanInput
+              source="flags.disable_clickjack_protection_headers"
+              label="Disable Clickjack Protection Headers"
+            />
+            <BooleanInput
+              source="flags.enable_apis_section"
+              label="Enable APIs Section"
+            />
+            <BooleanInput
+              source="flags.enable_client_connections"
+              label="Enable Client Connections"
+            />
+            <BooleanInput
+              source="flags.enable_custom_domain_in_emails"
+              label="Enable Custom Domain in Emails"
+            />
+            <BooleanInput
+              source="flags.enable_dynamic_client_registration"
+              label="Enable Dynamic Client Registration"
+            />
+            <BooleanInput
+              source="flags.enable_idtoken_api2"
+              label="Enable ID Token API v2"
+            />
+            <BooleanInput
+              source="flags.enable_legacy_logs_search_v2"
+              label="Enable Legacy Logs Search v2"
+            />
+            <BooleanInput
+              source="flags.enable_legacy_profile"
+              label="Enable Legacy Profile"
+            />
+            <BooleanInput
+              source="flags.enable_pipeline2"
+              label="Enable Pipeline 2"
+            />
+            <BooleanInput
+              source="flags.enable_public_signup_user_exists_error"
+              label="Enable Public Signup User Exists Error"
+            />
+            <BooleanInput
+              source="flags.use_scope_descriptions_for_consent"
+              label="Use Scope Descriptions for Consent"
+            />
+            <BooleanInput
+              source="flags.disable_management_api_sms_obfuscation"
+              label="Disable Management API SMS Obfuscation"
+            />
+            <BooleanInput
+              source="flags.enable_adfs_waad_email_verification"
+              label="Enable ADFS WAAD Email Verification"
+            />
+            <BooleanInput
+              source="flags.revoke_refresh_token_grant"
+              label="Revoke Refresh Token Grant"
+            />
+            <BooleanInput
+              source="flags.dashboard_log_streams_next"
+              label="Dashboard Log Streams Next"
+            />
+            <BooleanInput
+              source="flags.dashboard_insights_view"
+              label="Dashboard Insights View"
+            />
+            <BooleanInput
+              source="flags.disable_fields_map_fix"
+              label="Disable Fields Map Fix"
+            />
+            <BooleanInput
+              source="flags.mfa_show_factor_list_on_enrollment"
+              label="MFA Show Factor List on Enrollment"
+            />
+          </Stack>
+        </TabbedForm.Tab>
+
+        <TabbedForm.Tab label="Advanced">
+          <Stack spacing={2}>
+            <TextInput
+              source="sandbox_version"
+              label="Sandbox Version"
+              fullWidth
+            />
+            <ArrayInput
+              source="sandbox_versions_available"
+              label="Available Sandbox Versions"
+            >
+              <SimpleFormIterator inline>
+                <TextInput source="" label="" />
+              </SimpleFormIterator>
+            </ArrayInput>
+          </Stack>
+        </TabbedForm.Tab>
+      </TabbedForm>
+    </Edit>
+  );
+}

package/src/components/settings/index.ts

@@ -0,0 +1,2 @@
+export { SettingsList } from "./list";
+export { SettingsEdit } from "./edit";

package/src/components/settings/list.tsx

@@ -0,0 +1,14 @@
+import { useEffect } from "react";
+import { useRedirect, useBasename } from "react-admin";
+
+export function SettingsList() {
+  const redirect = useRedirect();
+  const basename = useBasename();
+
+  useEffect(() => {
+    // For singleton resources, redirect to edit with "settings" as the ID
+    redirect(`${basename}/settings/settings`);
+  }, [redirect, basename]);
+
+  return null;
+}

package/src/components/tenants/create.tsx

@@ -0,0 +1,20 @@
+import { Create, SimpleForm, TextInput, required } from "react-admin";
+
+export function TenantsCreate() {
+  return (
+    <Create>
+      <SimpleForm>
+        <TextInput source="id" />
+        <TextInput
+          source="friendly_name"
+          label="Name"
+          validate={[required()]}
+        />
+        <TextInput source="audience" validate={[required()]} />
+        <TextInput source="sender_email" validate={[required()]} />
+        <TextInput source="sender_name" validate={[required()]} />
+        <TextInput source="support_url" label="Support Url" />
+      </SimpleForm>
+    </Create>
+  );
+}

package/src/components/tenants/edit.tsx

@@ -0,0 +1,54 @@
+import {
+  DateField,
+  Edit,
+  FieldTitle,
+  Labeled,
+  SelectInput,
+  TabbedForm,
+  TextInput,
+} from "react-admin";
+import { ColorInput } from "react-admin-color-picker";
+
+export function TenantsEdit() {
+  return (
+    <Edit>
+      <TabbedForm>
+        <TabbedForm.Tab label="Info">
+          <TextInput source="id" />
+          <TextInput source="name" />
+          <TextInput source="audience" label="Audience" />
+          <TextInput source="support_url" label="Support Url" />
+          <Labeled label={<FieldTitle source="created_at" />}>
+            <DateField source="created_at" showTime={true} />
+          </Labeled>
+          <Labeled label={<FieldTitle source="updated_at" />}>
+            <DateField source="updated_at" showTime={true} />
+          </Labeled>
+        </TabbedForm.Tab>
+        <TabbedForm.Tab label="Communication">
+          <TextInput source="sender_email" />
+          <TextInput source="sender_name" />
+        </TabbedForm.Tab>
+        <TabbedForm.Tab label="Style">
+          <SelectInput
+            source="language"
+            label="Languages"
+            choices={[
+              { id: "en", name: "English" },
+              { id: "nb", name: "Norwegian" },
+              { id: "sv", name: "Swedish" },
+              { id: "it", name: "Italian" },
+              { id: "pl", name: "Polish" },
+              { id: "da", name: "Danish" },
+              { id: "cs", name: "Czech" },
+              { id: "fi", name: "Finnish" },
+            ]}
+          />
+          <ColorInput source="primary_color" label="Primary Color" />
+          <ColorInput source="secondary_color" label="Secondary Color" />
+          <TextInput source="logo" label="Logo" />
+        </TabbedForm.Tab>
+      </TabbedForm>
+    </Edit>
+  );
+}

package/src/components/tenants/index.ts

@@ -0,0 +1,2 @@
+export * from "./create";
+export * from "./list";

package/src/components/tenants/list.tsx

@@ -0,0 +1,67 @@
+import {
+  List,
+  Datagrid,
+  TextField,
+  DateField,
+  UrlField,
+  SimpleList,
+  TextInput,
+} from "react-admin";
+import { useMediaQuery } from "@mui/material";
+import { PostListActions } from "../listActions/PostListActions";
+
+// Use the standard List component but with proper logging
+export function TenantsList(props) {
+  const isSmall = useMediaQuery((theme: any) => theme.breakpoints.down("sm"));
+
+  // Handle navigation to tenant-specific view
+  const handleTenantNavigation = (tenantId: string) => {
+    // Navigate to the tenant-specific view by changing the full URL
+    // This will trigger the root router to switch to the tenant-specific BrowserRouter
+    window.location.href = `/${tenantId}`;
+  };
+
+  // The standard filters
+  const postFilters = [
+    <TextInput key="search" label="Search" source="q" alwaysOn />,
+  ];
+
+  return (
+    <List
+      resource={props.resource || "tenants"}
+      actions={<PostListActions />}
+      filters={postFilters}
+    >
+      {isSmall ? (
+        <SimpleList
+          primaryText={(record) => record.friendly_name}
+          secondaryText={(record) => record.id}
+          linkType={false}
+          onClick={(record: any) => {
+            handleTenantNavigation(String(record.id));
+          }}
+        />
+      ) : (
+        <Datagrid
+          rowClick={(_id, _resource, record) => {
+            handleTenantNavigation(String(record.id));
+            return "";
+          }}
+          bulkActionButtons={false}
+          rowSx={(tenant) => ({
+            ...(tenant.id === "DEFAULT_SETTINGS" && {
+              backgroundColor: "#f0f0f0",
+            }),
+          })}
+        >
+          <TextField source="friendly_name" label="Name" />
+          <UrlField source="id" />
+          <TextField source="audience" />
+          <DateField source="created_at" showTime={true} />
+          <DateField source="updated_at" showTime={true} />
+          <TextField source="support_url" label="Support Url" />
+        </Datagrid>
+      )}
+    </List>
+  );
+}