@workos-inc/widgets 1.9.1 → 1.10.1

package/dist/esm/index.d.ts

@@ -6,6 +6,7 @@ export { UserSecurity, UserSecurityProps } from './user-security.client.js';
 export { UserSessions, UserSessionsProps } from './user-sessions.client.js';
 export { UsersManagement, UsersManagementProps } from './users-management.client.js';
 export { AdminPortalDomainVerification, AdminPortalDomainVerificationProps } from './admin-portal-domain-verification.client.js';
+export { AdminPortalAuditLogStreaming, AdminPortalAuditLogStreamingProps } from './admin-portal-audit-log-streaming.client.js';
 export { ApiKeys, ApiKeysProps } from './api-keys.client.js';
 export { Pipes, PipesProps } from './pipes.client.js';
 export { DirectorySync, DirectorySyncProps } from './directory-sync.client.js';
@@ -17,6 +18,7 @@ export { UserSecurityLoading } from './lib/user-security.js';
 export { UserSessionsLoading } from './lib/user-sessions.js';
 export { UsersManagementLoading } from './lib/users-management.js';
 export { AdminPortalDomainVerificationLoading } from './lib/admin-portal-domain-verification.js';
+export { AdminPortalAuditLogStreamingError, AdminPortalAuditLogStreamingLoading, AdminPortalAuditLogStreamingButton as AdminPortalAuditLogStreamingOpenButton, AdminPortalAuditLogStreaming as AdminPortalAuditLogStreamingPresentational, AdminPortalAuditLogStreamingStatusProps } from './lib/admin-portal-audit-log-streaming.js';
 export { ApiKeysLoading } from './lib/api-keys/api-keys.js';
 export { PipesLoading } from './lib/pipes.js';
 export { DirectorySyncLoading } from './lib/directory-sync.js';

package/dist/esm/index.js

@@ -29,6 +29,13 @@ import {
   AdminPortalDomainVerification,
   AdminPortalDomainVerificationLoading
 } from "./admin-portal-domain-verification.client.js";
+import {
+  AdminPortalAuditLogStreaming,
+  AdminPortalAuditLogStreamingLoading,
+  AdminPortalAuditLogStreamingError,
+  AdminPortalAuditLogStreamingPresentational,
+  AdminPortalAuditLogStreamingButton
+} from "./admin-portal-audit-log-streaming.client.js";
 import {
   ApiKeys,
   ApiKeysLoading
@@ -40,6 +47,11 @@ import {
 } from "./directory-sync.client.js";
 import { IntlContext } from "./lib/i18n/intl-context.js";
 export {
+  AdminPortalAuditLogStreaming,
+  AdminPortalAuditLogStreamingError,
+  AdminPortalAuditLogStreamingLoading,
+  AdminPortalAuditLogStreamingButton as AdminPortalAuditLogStreamingOpenButton,
+  AdminPortalAuditLogStreamingPresentational,
   AdminPortalDomainVerification,
   AdminPortalDomainVerificationLoading,
   AdminPortalSsoConnection,

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export {\n  WorkOsWidgets,\n  type WorkOsWidgetsProps,\n} from \"./workos-widgets.client.js\";\nexport {\n  OrganizationSwitcher,\n  OrganizationSwitcherLoading,\n  type OrganizationSwitcherProps,\n} from \"./organization-switcher.client.js\";\nexport {\n  AdminPortalSsoConnection,\n  AdminPortalSsoConnectionLoading,\n  type AdminPortalSsoConnectionProps,\n} from \"./admin-portal-sso-connection.client.js\";\nexport {\n  UserProfile,\n  UserProfileLoading,\n  type UserProfileProps,\n} from \"./user-profile.client.js\";\nexport {\n  UserSecurity,\n  UserSecurityLoading,\n  type UserSecurityProps,\n} from \"./user-security.client.js\";\nexport {\n  UserSessions,\n  UserSessionsLoading,\n  type UserSessionsProps,\n} from \"./user-sessions.client.js\";\nexport {\n  UsersManagement,\n  UsersManagementLoading,\n  type UsersManagementProps,\n} from \"./users-management.client.js\";\nexport {\n  AdminPortalDomainVerification,\n  AdminPortalDomainVerificationLoading,\n  type AdminPortalDomainVerificationProps,\n} from \"./admin-portal-domain-verification.client.js\";\nexport {\n  ApiKeys,\n  ApiKeysLoading,\n  type ApiKeysProps,\n} from \"./api-keys.client.js\";\nexport { Pipes, PipesLoading, type PipesProps } from \"./pipes.client.js\";\nexport {\n  DirectorySync,\n  DirectorySyncLoading,\n  type DirectorySyncProps,\n} from \"./directory-sync.client.js\";\nexport { IntlContext as internal_IntlContext } from \"./lib/i18n/intl-context.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP,SAAS,OAAO,oBAAqC;AACrD;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP,SAAwB,mBAA4B;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export {\n  WorkOsWidgets,\n  type WorkOsWidgetsProps,\n} from \"./workos-widgets.client.js\";\nexport {\n  OrganizationSwitcher,\n  OrganizationSwitcherLoading,\n  type OrganizationSwitcherProps,\n} from \"./organization-switcher.client.js\";\nexport {\n  AdminPortalSsoConnection,\n  AdminPortalSsoConnectionLoading,\n  type AdminPortalSsoConnectionProps,\n} from \"./admin-portal-sso-connection.client.js\";\nexport {\n  UserProfile,\n  UserProfileLoading,\n  type UserProfileProps,\n} from \"./user-profile.client.js\";\nexport {\n  UserSecurity,\n  UserSecurityLoading,\n  type UserSecurityProps,\n} from \"./user-security.client.js\";\nexport {\n  UserSessions,\n  UserSessionsLoading,\n  type UserSessionsProps,\n} from \"./user-sessions.client.js\";\nexport {\n  UsersManagement,\n  UsersManagementLoading,\n  type UsersManagementProps,\n} from \"./users-management.client.js\";\nexport {\n  AdminPortalDomainVerification,\n  AdminPortalDomainVerificationLoading,\n  type AdminPortalDomainVerificationProps,\n} from \"./admin-portal-domain-verification.client.js\";\nexport {\n  AdminPortalAuditLogStreaming,\n  AdminPortalAuditLogStreamingLoading,\n  AdminPortalAuditLogStreamingError,\n  type AdminPortalAuditLogStreamingProps,\n  AdminPortalAuditLogStreamingPresentational,\n  AdminPortalAuditLogStreamingButton as AdminPortalAuditLogStreamingOpenButton,\n  type AdminPortalAuditLogStreamingStatusProps,\n} from \"./admin-portal-audit-log-streaming.client.js\";\nexport {\n  ApiKeys,\n  ApiKeysLoading,\n  type ApiKeysProps,\n} from \"./api-keys.client.js\";\nexport { Pipes, PipesLoading, type PipesProps } from \"./pipes.client.js\";\nexport {\n  DirectorySync,\n  DirectorySyncLoading,\n  type DirectorySyncProps,\n} from \"./directory-sync.client.js\";\nexport { IntlContext as internal_IntlContext } from \"./lib/i18n/intl-context.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACsC;AAAA,OAEjC;AACP;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP,SAAS,OAAO,oBAAqC;AACrD;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP,SAAwB,mBAA4B;","names":[]}

package/dist/esm/lib/admin-portal-audit-log-streaming.d.ts

@@ -0,0 +1,54 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { WidgetRootDomProps } from './utils.js';
+import { AuditLogStreamType } from '../api/endpoint.js';
+import './elements.js';
+import '@radix-ui/themes';
+import '@radix-ui/themes/props';
+import '../dialog-C15qCLN3.js';
+import '@radix-ui/themes/components/dialog';
+import '../alert-dialog-BlG3_awx.js';
+import '@radix-ui/themes/components/alert-dialog';
+import '../dropdown-menu-BQ5LtvdR.js';
+import '@radix-ui/themes/components/dropdown-menu';
+import '../select-KR89Qnvm.js';
+import '@radix-ui/themes/components/select';
+import '@tanstack/react-query';
+import '../api/widgets-api-client.js';
+
+interface NotConfiguredProps {
+    connectionStatus: "NotConfigured";
+}
+interface InactiveProps {
+    connectionStatus: "Inactive";
+    destinationType: AuditLogStreamType;
+}
+interface ActiveProps {
+    connectionStatus: "Active";
+    destinationType: AuditLogStreamType;
+    lastSyncedEventId?: string | null;
+}
+interface ErrorProps {
+    connectionStatus: "Error";
+    destinationType: AuditLogStreamType;
+    lastSyncedEventId?: string | null;
+}
+type AdminPortalAuditLogStreamingStatusProps = NotConfiguredProps | InactiveProps | ActiveProps | ErrorProps;
+type AdminPortalAuditLogStreamingProps = WidgetRootDomProps & AdminPortalAuditLogStreamingStatusProps & {
+    adminPortalOpenButton: React.ReactNode;
+};
+declare function AdminPortalAuditLogStreamingButton({ isPending, href, initConfig, }: {
+    isPending: boolean;
+    href: string | null;
+    initConfig: () => void;
+}): react_jsx_runtime.JSX.Element;
+declare const AdminPortalAuditLogStreaming: React.FC<AdminPortalAuditLogStreamingProps>;
+interface AdminPortalAuditLogStreamingLoadingProps extends WidgetRootDomProps {
+}
+declare const AdminPortalAuditLogStreamingLoading: React.FC<AdminPortalAuditLogStreamingLoadingProps>;
+interface AdminPortalAuditLogStreamingErrorProps extends WidgetRootDomProps {
+    error: unknown;
+}
+declare const AdminPortalAuditLogStreamingError: React.FC<AdminPortalAuditLogStreamingErrorProps>;
+
+export { AdminPortalAuditLogStreaming, AdminPortalAuditLogStreamingButton, AdminPortalAuditLogStreamingError, type AdminPortalAuditLogStreamingErrorProps, AdminPortalAuditLogStreamingLoading, type AdminPortalAuditLogStreamingLoadingProps, type AdminPortalAuditLogStreamingProps, type AdminPortalAuditLogStreamingStatusProps };

package/dist/esm/lib/admin-portal-audit-log-streaming.js

@@ -0,0 +1,290 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Box, Card, Flex, Text } from "@radix-ui/themes";
+import * as CardList from "./card-list.js";
+import { Button, Skeleton } from "./elements.js";
+import {
+  ExternalLinkIcon,
+  Cross2Icon,
+  InfoCircledIcon
+} from "@radix-ui/react-icons";
+import { ProviderIcon } from "./provider-icon.js";
+import { IconPanel } from "./icon-panel.js";
+import { GenericHttpsIcon } from "./audit-log-stream-icons.js";
+import { Status } from "./status.js";
+import {
+  getDomProps
+} from "./utils.js";
+import { Translation } from "./i18n/translation.js";
+import { useTranslation } from "./i18n/use-translation.js";
+import { getErrorMessage } from "./generic-error.js";
+const AdminPortalAuditLogStreamingContext = React.createContext(null);
+function useAdminPortalAuditLogStreamingContext() {
+  const context = React.useContext(AdminPortalAuditLogStreamingContext);
+  if (!context) {
+    throw new Error(
+      "useAdminPortalAuditLogStreamingContext must be used within a AdminPortalAuditLogStreamingContext provider"
+    );
+  }
+  return context;
+}
+function getDestinationName(type) {
+  switch (type) {
+    case "Datadog":
+      return "Datadog";
+    case "Splunk":
+      return "Splunk";
+    case "S3":
+      return "AWS S3";
+    case "GoogleCloudStorage":
+      return "Google Cloud Storage";
+    case "AzureSentinel":
+      return "Azure Sentinel";
+    case "GenericHttps":
+      return "Generic HTTPS";
+    default:
+      return type;
+  }
+}
+function getDestinationIcon(type) {
+  switch (type) {
+    case "Datadog":
+      return "datadog";
+    case "Splunk":
+      return "splunk";
+    case "S3":
+      return "aws";
+    case "GoogleCloudStorage":
+      return "google-cloud";
+    case "AzureSentinel":
+      return "azure";
+    default:
+      return void 0;
+  }
+}
+function getWidgetRootDomProps(state, domProps) {
+  return getDomProps({
+    ...domProps,
+    isWidgetRoot: true,
+    widgetId: "admin-portal-audit-log-streaming",
+    widgetState: state
+  });
+}
+const CROCKFORD_BASE32 = "0123456789ABCDEFGHJKMNPQRSTVWXYZ";
+function decodeUlidTimestamp(ulid) {
+  if (!ulid || ulid.length < 10) return null;
+  let timestamp = 0;
+  for (let i = 0; i < 10; i++) {
+    const charIndex = CROCKFORD_BASE32.indexOf(ulid.charAt(i).toUpperCase());
+    if (charIndex === -1) return null;
+    timestamp = timestamp * 32 + charIndex;
+  }
+  return new Date(timestamp);
+}
+function getRelativeTimeString(currentDate, pastDate) {
+  const rtf = new Intl.RelativeTimeFormat("en", { numeric: "auto" });
+  const diff = pastDate.getTime() - currentDate.getTime();
+  const diffSeconds = Math.round(diff / 1e3);
+  const diffMinutes = Math.round(diffSeconds / 60);
+  const diffHours = Math.round(diffMinutes / 60);
+  const diffDays = Math.round(diffHours / 24);
+  const diffMonths = Math.round(diffDays / 30);
+  const diffYears = Math.round(diffMonths / 12);
+  if (Math.abs(diffSeconds) < 60) return "now";
+  if (Math.abs(diffMinutes) < 60) return rtf.format(diffMinutes, "minute");
+  if (Math.abs(diffHours) < 24) return rtf.format(diffHours, "hour");
+  if (Math.abs(diffDays) < 30) return rtf.format(diffDays, "day");
+  if (Math.abs(diffMonths) < 12) return rtf.format(diffMonths, "month");
+  return rtf.format(diffYears, "year");
+}
+function AdminPortalAuditLogStreamingButton({
+  isPending,
+  href,
+  initConfig
+}) {
+  const { connectionStatus } = useAdminPortalAuditLogStreamingContext();
+  const label = (() => {
+    switch (connectionStatus) {
+      case "NotConfigured":
+        return /* @__PURE__ */ jsx(
+          Translation,
+          {
+            defaultMessage: "Set up Log Streams",
+            id: "s3Wu7U",
+            description: "Button label to start log stream setup"
+          }
+        );
+      case "Inactive":
+        return /* @__PURE__ */ jsx(
+          Translation,
+          {
+            defaultMessage: "Continue setup",
+            id: "/oM/HY",
+            description: "Button label to continue incomplete log stream setup"
+          }
+        );
+      case "Active":
+      case "Error":
+        return /* @__PURE__ */ jsx(
+          Translation,
+          {
+            defaultMessage: "Manage",
+            id: "+k5uUi",
+            description: "Button label to manage log stream settings"
+          }
+        );
+    }
+  })();
+  if (href) {
+    return /* @__PURE__ */ jsx(Button, { variant: "secondary", asChild: true, children: /* @__PURE__ */ jsxs("a", { href, target: "_blank", rel: "noopener noreferrer", children: [
+      label,
+      " ",
+      /* @__PURE__ */ jsx(ExternalLinkIcon, { "aria-hidden": true })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "secondary",
+      loading: isPending,
+      disabled: isPending,
+      onClick: initConfig,
+      children: [
+        label,
+        " ",
+        /* @__PURE__ */ jsx(ExternalLinkIcon, { "aria-hidden": true })
+      ]
+    }
+  );
+}
+const AdminPortalAuditLogStreaming = (props) => {
+  const { connectionStatus, adminPortalOpenButton, className } = props;
+  const destinationType = connectionStatus !== "NotConfigured" ? props.destinationType : null;
+  const lastSyncedEventId = connectionStatus === "Active" || connectionStatus === "Error" ? props.lastSyncedEventId : void 0;
+  const lastSyncedAt = lastSyncedEventId ? decodeUlidTimestamp(lastSyncedEventId) : null;
+  const icon = destinationType ? getDestinationIcon(destinationType) : null;
+  return /* @__PURE__ */ jsx(AdminPortalAuditLogStreamingContext.Provider, { value: { connectionStatus }, children: /* @__PURE__ */ jsxs(CardList.Root, { ...getWidgetRootDomProps("resolved", { className }), children: [
+    /* @__PURE__ */ jsx(CardList.Item, { children: /* @__PURE__ */ jsxs(Flex, { direction: "row", justify: "between", align: "center", gap: "2", children: [
+      /* @__PURE__ */ jsx(Flex, { gap: "4", align: "center", children: connectionStatus === "NotConfigured" ? /* @__PURE__ */ jsx(Text, { size: "2", color: "gray", children: /* @__PURE__ */ jsx(
+        Translation,
+        {
+          defaultMessage: "You haven't set up Log Streams yet.",
+          id: "n4mruE",
+          description: "Empty state message when log streaming is not configured"
+        }
+      ) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(IconPanel, { color: "panel", children: icon ? /* @__PURE__ */ jsx(ProviderIcon, { provider: icon, size: "2" }) : /* @__PURE__ */ jsx(GenericHttpsIcon, {}) }),
+        lastSyncedAt ? /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+          /* @__PURE__ */ jsx(Text, { size: "2", weight: "bold", children: getDestinationName(destinationType) }),
+          /* @__PURE__ */ jsx(Text, { size: "2", color: "gray", children: /* @__PURE__ */ jsx(
+            Translation,
+            {
+              defaultMessage: "Last sync {relativeTime}",
+              id: "fT9f0p",
+              description: "Label showing when the last log stream sync occurred",
+              values: {
+                relativeTime: getRelativeTimeString(
+                  /* @__PURE__ */ new Date(),
+                  lastSyncedAt
+                )
+              }
+            }
+          ) })
+        ] }) : /* @__PURE__ */ jsx(Text, { size: "2", weight: "bold", children: getDestinationName(destinationType) })
+      ] }) }),
+      /* @__PURE__ */ jsx(Flex, { gap: "5", align: "center", children: connectionStatus === "NotConfigured" ? adminPortalOpenButton : /* @__PURE__ */ jsxs(Fragment, { children: [
+        connectionStatus === "Inactive" && /* @__PURE__ */ jsx(Status, { state: "waiting", children: /* @__PURE__ */ jsx(
+          Translation,
+          {
+            defaultMessage: "Setup in progress",
+            id: "M6iKLG",
+            description: "Status when log stream setup is incomplete"
+          }
+        ) }),
+        connectionStatus === "Active" && /* @__PURE__ */ jsx(Status, { state: "success", children: /* @__PURE__ */ jsx(
+          Translation,
+          {
+            defaultMessage: "Streaming",
+            id: "25L0J+",
+            description: "Status when log stream is active"
+          }
+        ) }),
+        connectionStatus === "Error" && /* @__PURE__ */ jsx(Status, { state: "error", children: /* @__PURE__ */ jsx(
+          Translation,
+          {
+            defaultMessage: "Not streaming",
+            id: "7fAKZo",
+            description: "Status when log stream has an error"
+          }
+        ) }),
+        adminPortalOpenButton
+      ] }) })
+    ] }) }),
+    connectionStatus === "Error" && /* @__PURE__ */ jsx(CardList.Item, { children: /* @__PURE__ */ jsxs(Flex, { align: "start", gap: "2", children: [
+      /* @__PURE__ */ jsx(Box, { asChild: true, mt: "2px", flexShrink: "0", children: /* @__PURE__ */ jsx(InfoCircledIcon, { color: "gray" }) }),
+      /* @__PURE__ */ jsx(Text, { size: "2", color: "gray", children: /* @__PURE__ */ jsx(
+        Translation,
+        {
+          defaultMessage: "The credentials provided are incorrect or missing. Please review and update your log stream configuration.",
+          id: "23tmgn",
+          description: "Error message shown when audit log stream has a configuration or delivery error"
+        }
+      ) })
+    ] }) })
+  ] }) });
+};
+const AdminPortalAuditLogStreamingLoading = (props) => {
+  return /* @__PURE__ */ jsx(Card, { size: "2", ...getWidgetRootDomProps("loading", props), children: /* @__PURE__ */ jsxs(Flex, { direction: "row", justify: "between", align: "center", gap: "2", children: [
+    /* @__PURE__ */ jsxs(Flex, { gap: "4", align: "center", children: [
+      /* @__PURE__ */ jsx(Skeleton, { children: /* @__PURE__ */ jsx(IconPanel, { color: "panel", children: /* @__PURE__ */ jsx(ProviderIcon, { provider: "datadog", size: "2" }) }) }),
+      /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "1", my: "-4px", children: [
+        /* @__PURE__ */ jsx(Skeleton, { children: /* @__PURE__ */ jsx(Text, { size: "1", children: "Datadog" }) }),
+        /* @__PURE__ */ jsx(Skeleton, { children: /* @__PURE__ */ jsx(Text, { size: "1", children: "Last sync 10 minutes ago" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Flex, { gap: "5", align: "center", children: [
+      /* @__PURE__ */ jsx(Skeleton, { children: /* @__PURE__ */ jsx(Status, { state: "success", children: "Streaming" }) }),
+      /* @__PURE__ */ jsx(Skeleton, { children: /* @__PURE__ */ jsxs(Button, { variant: "secondary", children: [
+        "Manage ",
+        /* @__PURE__ */ jsx(ExternalLinkIcon, { "aria-hidden": true })
+      ] }) })
+    ] })
+  ] }) });
+};
+const AdminPortalAuditLogStreamingError = ({ error, ...domProps }) => {
+  React.useEffect(() => {
+    console.error(error);
+  }, [error]);
+  const translate = useTranslation();
+  const { heading, message } = getErrorMessage(error, translate);
+  return /* @__PURE__ */ jsx(Card, { size: "2", ...getWidgetRootDomProps("error", domProps), children: /* @__PURE__ */ jsx(Flex, { direction: "row", justify: "between", align: "center", gap: "2", children: /* @__PURE__ */ jsxs(Flex, { gap: "4", align: "center", children: [
+    /* @__PURE__ */ jsx(
+      Flex,
+      {
+        align: "center",
+        justify: "center",
+        width: "24px",
+        height: "24px",
+        style: {
+          borderRadius: "9999px",
+          backgroundColor: "var(--red-a4)",
+          color: "var(--red-a11)",
+          flexShrink: 0
+        },
+        children: /* @__PURE__ */ jsx(Cross2Icon, { width: "18px", height: "18px" })
+      }
+    ),
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+      /* @__PURE__ */ jsx(Text, { size: "2", weight: "bold", children: heading }),
+      /* @__PURE__ */ jsx(Text, { size: "2", color: "gray", children: message })
+    ] })
+  ] }) }) });
+};
+export {
+  AdminPortalAuditLogStreaming,
+  AdminPortalAuditLogStreamingButton,
+  AdminPortalAuditLogStreamingError,
+  AdminPortalAuditLogStreamingLoading
+};
+//# sourceMappingURL=admin-portal-audit-log-streaming.js.map

package/dist/esm/lib/admin-portal-audit-log-streaming.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/admin-portal-audit-log-streaming.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Box, Card, Flex, Text } from \"@radix-ui/themes\";\nimport * as CardList from \"./card-list.js\";\nimport { Button, Skeleton } from \"./elements.js\";\nimport {\n  ExternalLinkIcon,\n  Cross2Icon,\n  InfoCircledIcon,\n} from \"@radix-ui/react-icons\";\nimport { ProviderIcon } from \"./provider-icon.js\";\nimport { IconPanel } from \"./icon-panel.js\";\nimport { GenericHttpsIcon } from \"./audit-log-stream-icons.js\";\nimport { Status } from \"./status.js\";\nimport {\n  getDomProps,\n  type WidgetRootState,\n  type WidgetRootDomProps,\n} from \"./utils.js\";\nimport { Translation } from \"./i18n/translation.js\";\nimport { useTranslation } from \"./i18n/use-translation.js\";\nimport { getErrorMessage } from \"./generic-error.js\";\nimport type { AuditLogStreamType } from \"../api/endpoint.js\";\n\n// ============================================================================\n// TYPE DEFINITIONS\n// ============================================================================\n\ninterface NotConfiguredProps {\n  connectionStatus: \"NotConfigured\";\n}\n\ninterface InactiveProps {\n  connectionStatus: \"Inactive\";\n  destinationType: AuditLogStreamType;\n}\n\ninterface ActiveProps {\n  connectionStatus: \"Active\";\n  destinationType: AuditLogStreamType;\n  lastSyncedEventId?: string | null;\n}\n\ninterface ErrorProps {\n  connectionStatus: \"Error\";\n  destinationType: AuditLogStreamType;\n  lastSyncedEventId?: string | null;\n}\n\nconst AdminPortalAuditLogStreamingContext = React.createContext<{\n  connectionStatus: AdminPortalAuditLogStreamingStatusProps[\"connectionStatus\"];\n} | null>(null);\n\nfunction useAdminPortalAuditLogStreamingContext() {\n  const context = React.useContext(AdminPortalAuditLogStreamingContext);\n  if (!context) {\n    throw new Error(\n      \"useAdminPortalAuditLogStreamingContext must be used within a AdminPortalAuditLogStreamingContext provider\",\n    );\n  }\n  return context;\n}\n\nexport type AdminPortalAuditLogStreamingStatusProps =\n  | NotConfiguredProps\n  | InactiveProps\n  | ActiveProps\n  | ErrorProps;\n\ntype AdminPortalAuditLogStreamingProps = WidgetRootDomProps &\n  AdminPortalAuditLogStreamingStatusProps & {\n    adminPortalOpenButton: React.ReactNode;\n  };\n\n// ============================================================================\n// HELPER FUNCTIONS\n// ============================================================================\n\n/**\n * Maps AuditLogStreamType to display name\n */\nfunction getDestinationName(type: AuditLogStreamType): string {\n  switch (type) {\n    case \"Datadog\":\n      return \"Datadog\";\n    case \"Splunk\":\n      return \"Splunk\";\n    case \"S3\":\n      return \"AWS S3\";\n    case \"GoogleCloudStorage\":\n      return \"Google Cloud Storage\";\n    case \"AzureSentinel\":\n      return \"Azure Sentinel\";\n    case \"GenericHttps\":\n      return \"Generic HTTPS\";\n    default:\n      return type;\n  }\n}\n\n/**\n * Maps AuditLogStreamType to ProviderIcon provider name\n */\nfunction getDestinationIcon(\n  type: AuditLogStreamType,\n): \"datadog\" | \"splunk\" | \"aws\" | \"google-cloud\" | \"azure\" | undefined {\n  switch (type) {\n    case \"Datadog\":\n      return \"datadog\";\n    case \"Splunk\":\n      return \"splunk\";\n    case \"S3\":\n      return \"aws\";\n    case \"GoogleCloudStorage\":\n      return \"google-cloud\";\n    case \"AzureSentinel\":\n      return \"azure\";\n    default:\n      return undefined;\n  }\n}\n\n/**\n * Helper to get the correct WidgetRootDomProps based on state\n */\nfunction getWidgetRootDomProps(\n  state: WidgetRootState,\n  domProps: WidgetRootDomProps,\n) {\n  return getDomProps({\n    ...domProps,\n    isWidgetRoot: true,\n    widgetId: \"admin-portal-audit-log-streaming\",\n    widgetState: state,\n  });\n}\n\nconst CROCKFORD_BASE32 = \"0123456789ABCDEFGHJKMNPQRSTVWXYZ\";\n\nfunction decodeUlidTimestamp(ulid: string): Date | null {\n  if (!ulid || ulid.length < 10) return null;\n  let timestamp = 0;\n  for (let i = 0; i < 10; i++) {\n    const charIndex = CROCKFORD_BASE32.indexOf(ulid.charAt(i).toUpperCase());\n    if (charIndex === -1) return null;\n    timestamp = timestamp * 32 + charIndex;\n  }\n  return new Date(timestamp);\n}\n\nfunction getRelativeTimeString(currentDate: Date, pastDate: Date): string {\n  const rtf = new Intl.RelativeTimeFormat(\"en\", { numeric: \"auto\" });\n  const diff = pastDate.getTime() - currentDate.getTime();\n  const diffSeconds = Math.round(diff / 1000);\n  const diffMinutes = Math.round(diffSeconds / 60);\n  const diffHours = Math.round(diffMinutes / 60);\n  const diffDays = Math.round(diffHours / 24);\n  const diffMonths = Math.round(diffDays / 30);\n  const diffYears = Math.round(diffMonths / 12);\n\n  if (Math.abs(diffSeconds) < 60) return \"now\";\n  if (Math.abs(diffMinutes) < 60) return rtf.format(diffMinutes, \"minute\");\n  if (Math.abs(diffHours) < 24) return rtf.format(diffHours, \"hour\");\n  if (Math.abs(diffDays) < 30) return rtf.format(diffDays, \"day\");\n  if (Math.abs(diffMonths) < 12) return rtf.format(diffMonths, \"month\");\n  return rtf.format(diffYears, \"year\");\n}\n\nfunction AdminPortalAuditLogStreamingButton({\n  isPending,\n  href,\n  initConfig,\n}: {\n  isPending: boolean;\n  href: string | null;\n  initConfig: () => void;\n}) {\n  const { connectionStatus } = useAdminPortalAuditLogStreamingContext();\n  const label = (() => {\n    switch (connectionStatus) {\n      case \"NotConfigured\":\n        return (\n          <Translation\n            defaultMessage=\"Set up Log Streams\"\n            id=\"s3Wu7U\"\n            description=\"Button label to start log stream setup\"\n          />\n        );\n      case \"Inactive\":\n        return (\n          <Translation\n            defaultMessage=\"Continue setup\"\n            id=\"/oM/HY\"\n            description=\"Button label to continue incomplete log stream setup\"\n          />\n        );\n      case \"Active\":\n      case \"Error\":\n        return (\n          <Translation\n            defaultMessage=\"Manage\"\n            id=\"+k5uUi\"\n            description=\"Button label to manage log stream settings\"\n          />\n        );\n    }\n  })();\n\n  if (href) {\n    return (\n      <Button variant=\"secondary\" asChild>\n        <a href={href} target=\"_blank\" rel=\"noopener noreferrer\">\n          {label} <ExternalLinkIcon aria-hidden />\n        </a>\n      </Button>\n    );\n  }\n\n  return (\n    <Button\n      variant=\"secondary\"\n      loading={isPending}\n      disabled={isPending}\n      onClick={initConfig}\n    >\n      {label} <ExternalLinkIcon aria-hidden />\n    </Button>\n  );\n}\n\n// ============================================================================\n// MAIN COMPONENT\n// ============================================================================\n\nconst AdminPortalAuditLogStreaming: React.FC<\n  AdminPortalAuditLogStreamingProps\n> = (props) => {\n  const { connectionStatus, adminPortalOpenButton, className } = props;\n\n  const destinationType =\n    connectionStatus !== \"NotConfigured\"\n      ? (props as InactiveProps | ActiveProps | ErrorProps).destinationType\n      : null;\n  const lastSyncedEventId =\n    connectionStatus === \"Active\" || connectionStatus === \"Error\"\n      ? (props as ActiveProps | ErrorProps).lastSyncedEventId\n      : undefined;\n  const lastSyncedAt = lastSyncedEventId\n    ? decodeUlidTimestamp(lastSyncedEventId)\n    : null;\n\n  const icon = destinationType ? getDestinationIcon(destinationType) : null;\n\n  return (\n    <AdminPortalAuditLogStreamingContext.Provider value={{ connectionStatus }}>\n      <CardList.Root {...getWidgetRootDomProps(\"resolved\", { className })}>\n        <CardList.Item>\n          <Flex direction=\"row\" justify=\"between\" align=\"center\" gap=\"2\">\n            <Flex gap=\"4\" align=\"center\">\n              {connectionStatus === \"NotConfigured\" ? (\n                <Text size=\"2\" color=\"gray\">\n                  <Translation\n                    defaultMessage=\"You haven't set up Log Streams yet.\"\n                    id=\"n4mruE\"\n                    description=\"Empty state message when log streaming is not configured\"\n                  />\n                </Text>\n              ) : (\n                <>\n                  <IconPanel color=\"panel\">\n                    {icon ? (\n                      <ProviderIcon provider={icon} size=\"2\" />\n                    ) : (\n                      <GenericHttpsIcon />\n                    )}\n                  </IconPanel>\n                  {lastSyncedAt ? (\n                    <Flex direction=\"column\">\n                      <Text size=\"2\" weight=\"bold\">\n                        {getDestinationName(destinationType!)}\n                      </Text>\n                      <Text size=\"2\" color=\"gray\">\n                        <Translation\n                          defaultMessage=\"Last sync {relativeTime}\"\n                          id=\"fT9f0p\"\n                          description=\"Label showing when the last log stream sync occurred\"\n                          values={{\n                            relativeTime: getRelativeTimeString(\n                              new Date(),\n                              lastSyncedAt,\n                            ),\n                          }}\n                        />\n                      </Text>\n                    </Flex>\n                  ) : (\n                    <Text size=\"2\" weight=\"bold\">\n                      {getDestinationName(destinationType!)}\n                    </Text>\n                  )}\n                </>\n              )}\n            </Flex>\n\n            <Flex gap=\"5\" align=\"center\">\n              {connectionStatus === \"NotConfigured\" ? (\n                adminPortalOpenButton\n              ) : (\n                <>\n                  {connectionStatus === \"Inactive\" && (\n                    <Status state=\"waiting\">\n                      <Translation\n                        defaultMessage=\"Setup in progress\"\n                        id=\"M6iKLG\"\n                        description=\"Status when log stream setup is incomplete\"\n                      />\n                    </Status>\n                  )}\n                  {connectionStatus === \"Active\" && (\n                    <Status state=\"success\">\n                      <Translation\n                        defaultMessage=\"Streaming\"\n                        id=\"25L0J+\"\n                        description=\"Status when log stream is active\"\n                      />\n                    </Status>\n                  )}\n                  {connectionStatus === \"Error\" && (\n                    <Status state=\"error\">\n                      <Translation\n                        defaultMessage=\"Not streaming\"\n                        id=\"7fAKZo\"\n                        description=\"Status when log stream has an error\"\n                      />\n                    </Status>\n                  )}\n                  {adminPortalOpenButton}\n                </>\n              )}\n            </Flex>\n          </Flex>\n        </CardList.Item>\n\n        {connectionStatus === \"Error\" && (\n          <CardList.Item>\n            <Flex align=\"start\" gap=\"2\">\n              <Box asChild mt=\"2px\" flexShrink=\"0\">\n                <InfoCircledIcon color=\"gray\" />\n              </Box>\n              <Text size=\"2\" color=\"gray\">\n                <Translation\n                  defaultMessage=\"The credentials provided are incorrect or missing. Please review and update your log stream configuration.\"\n                  id=\"23tmgn\"\n                  description=\"Error message shown when audit log stream has a configuration or delivery error\"\n                />\n              </Text>\n            </Flex>\n          </CardList.Item>\n        )}\n      </CardList.Root>\n    </AdminPortalAuditLogStreamingContext.Provider>\n  );\n};\n\n// ============================================================================\n// LOADING COMPONENT\n// ============================================================================\n\ninterface AdminPortalAuditLogStreamingLoadingProps extends WidgetRootDomProps {}\n\nconst AdminPortalAuditLogStreamingLoading: React.FC<\n  AdminPortalAuditLogStreamingLoadingProps\n> = (props) => {\n  return (\n    <Card size=\"2\" {...getWidgetRootDomProps(\"loading\", props)}>\n      <Flex direction=\"row\" justify=\"between\" align=\"center\" gap=\"2\">\n        <Flex gap=\"4\" align=\"center\">\n          <Skeleton>\n            <IconPanel color=\"panel\">\n              <ProviderIcon provider=\"datadog\" size=\"2\" />\n            </IconPanel>\n          </Skeleton>\n          <Flex direction=\"column\" gap=\"1\" my=\"-4px\">\n            <Skeleton>\n              {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}\n              <Text size=\"1\">Datadog</Text>\n            </Skeleton>\n            <Skeleton>\n              {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}\n              <Text size=\"1\">Last sync 10 minutes ago</Text>\n            </Skeleton>\n          </Flex>\n        </Flex>\n\n        <Flex gap=\"5\" align=\"center\">\n          <Skeleton>\n            {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}\n            <Status state=\"success\">Streaming</Status>\n          </Skeleton>\n          <Skeleton>\n            {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}\n            <Button variant=\"secondary\">\n              Manage <ExternalLinkIcon aria-hidden />\n            </Button>\n          </Skeleton>\n        </Flex>\n      </Flex>\n    </Card>\n  );\n};\n\n// ============================================================================\n// ERROR COMPONENT\n// ============================================================================\n\ninterface AdminPortalAuditLogStreamingErrorProps extends WidgetRootDomProps {\n  error: unknown;\n}\n\nconst AdminPortalAuditLogStreamingError: React.FC<\n  AdminPortalAuditLogStreamingErrorProps\n> = ({ error, ...domProps }) => {\n  React.useEffect(() => {\n    console.error(error);\n  }, [error]);\n\n  const translate = useTranslation();\n  const { heading, message } = getErrorMessage(error, translate);\n\n  return (\n    <Card size=\"2\" {...getWidgetRootDomProps(\"error\", domProps)}>\n      <Flex direction=\"row\" justify=\"between\" align=\"center\" gap=\"2\">\n        <Flex gap=\"4\" align=\"center\">\n          {/* Error icon circle */}\n          <Flex\n            align=\"center\"\n            justify=\"center\"\n            width=\"24px\"\n            height=\"24px\"\n            style={{\n              borderRadius: \"9999px\",\n              backgroundColor: \"var(--red-a4)\",\n              color: \"var(--red-a11)\",\n              flexShrink: 0,\n            }}\n          >\n            <Cross2Icon width=\"18px\" height=\"18px\" />\n          </Flex>\n          {/* Error text */}\n          <Flex direction=\"column\">\n            <Text size=\"2\" weight=\"bold\">\n              {heading}\n            </Text>\n            <Text size=\"2\" color=\"gray\">\n              {message}\n            </Text>\n          </Flex>\n        </Flex>\n      </Flex>\n    </Card>\n  );\n};\n\n// ============================================================================\n// EXPORTS\n// ============================================================================\n\nexport type {\n  AdminPortalAuditLogStreamingProps,\n  AdminPortalAuditLogStreamingLoadingProps,\n  AdminPortalAuditLogStreamingErrorProps,\n};\n\nexport {\n  AdminPortalAuditLogStreaming,\n  AdminPortalAuditLogStreamingLoading,\n  AdminPortalAuditLogStreamingError,\n  /** @internal */\n  AdminPortalAuditLogStreamingButton,\n};\n"],"mappings":"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","names":[]}

package/dist/esm/lib/api/user.d.ts

@@ -1,25 +1,25 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
-import { Members200, Members403, Members404, useUpdateMember, useInviteMember, RemoveMember200, RemoveMember400, RemoveMember403, RemoveMember404, RevokeInvite200, RevokeInvite400, RevokeInvite403, RevokeInvite404, ResendInvite201, ResendInvite400, ResendInvite403, ResendInvite404, ResendInvite422 } from '../../api/endpoint.js';
+import { MembersResponse, Members403, Members404, useUpdateMember, useInviteMember, RemoveMemberResponse, RemoveMember400, RemoveMember403, RemoveMember404, RevokeMemberResponse, RevokeInvite400, RevokeInvite403, RevokeInvite404, ResendInviteResponse, ResendInvite400, ResendInvite403, ResendInvite404, ResendInvite422 } from '../../api/endpoint.js';
 import { UsersManagementContextType } from '../users-management-context.js';
 import '../../api/widgets-api-client.js';
 import 'react';
 import '../users-management-state.js';
 
-declare const useUsers: (context?: UsersManagementContextType) => _tanstack_react_query.UseQueryResult<Members200, Members403 | Members404> & {
+declare const useUsers: (context?: UsersManagementContextType) => _tanstack_react_query.UseQueryResult<MembersResponse, Members403 | Members404> & {
     queryKey: readonly unknown[] & {
-        [dataTagSymbol]: Members200;
+        [dataTagSymbol]: MembersResponse;
         [dataTagErrorSymbol]: Members403 | Members404;
     };
 };
 declare const useUpdateUserRole: typeof useUpdateMember;
 declare const useInviteUser: typeof useInviteMember;
-declare const useDeleteUser: () => _tanstack_react_query.UseMutationResult<RemoveMember200, RemoveMember400 | RemoveMember403 | RemoveMember404, {
+declare const useDeleteUser: () => _tanstack_react_query.UseMutationResult<RemoveMemberResponse, RemoveMember400 | RemoveMember403 | RemoveMember404, {
     userId: string;
 }, unknown>;
-declare const useRevokeUserInvite: () => _tanstack_react_query.UseMutationResult<RevokeInvite200, RevokeInvite400 | RevokeInvite403 | RevokeInvite404, {
+declare const useRevokeUserInvite: () => _tanstack_react_query.UseMutationResult<RevokeMemberResponse, RevokeInvite400 | RevokeInvite403 | RevokeInvite404, {
     userId: string;
 }, unknown>;
-declare const useResendUserInvite: () => _tanstack_react_query.UseMutationResult<ResendInvite201, ResendInvite400 | ResendInvite403 | ResendInvite404 | ResendInvite422, {
+declare const useResendUserInvite: () => _tanstack_react_query.UseMutationResult<ResendInviteResponse, ResendInvite400 | ResendInvite403 | ResendInvite404 | ResendInvite422, {
     userId: string;
 }, unknown>;
 

package/dist/esm/lib/api-keys/api-keys-table.js

@@ -197,7 +197,7 @@ function ApiKeysTable({
             size: "1",
             onClick: () => dispatch({
               type: "SET_PAGINATION",
-              pagination
+              pagination: { before: null, after: pagination.after }
             }),
             children: /* @__PURE__ */ jsx(
               Translation,
@@ -217,7 +217,7 @@ function ApiKeysTable({
             size: "1",
             onClick: () => dispatch({
               type: "SET_PAGINATION",
-              pagination
+              pagination: { before: pagination.before, after: null }
             }),
             children: /* @__PURE__ */ jsx(
               Translation,

package/dist/esm/lib/api-keys/api-keys-table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/api-keys/api-keys-table.tsx"],"sourcesContent":["import { Flex, Text, Table, Code, Heading } from \"@radix-ui/themes\";\nimport { Button, DropdownMenu, IconButton } from \"../elements.js\";\nimport { DotsHorizontalIcon, MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport { useState } from \"react\";\nimport { RevokeApiKeyDialog } from \"./revoke-api-key-dialog.js\";\nimport { CreateApiKeyButton } from \"./create-api-key.js\";\nimport { ApiKeyDetailsDialog } from \"./api-key-details-dialog.js\";\nimport { useIsHydrated } from \"../use-is-hydrated.js\";\nimport { RelativeTime } from \"./relative-time.js\";\nimport {\n  ListOrganizationApiKeysResponse,\n  ListOrganizationApiKeysResponseData,\n} from \"../../api/endpoint.js\";\nimport { useApiKeysContext } from \"./api-keys-context.js\";\nimport { useApiKeysSearchContext } from \"./api-keys-search-provider.js\";\nimport { ApiKeysSearch } from \"./api-keys-search.js\";\nimport { Translation } from \"../i18n/translation.js\";\nimport { useTranslation } from \"../i18n/use-translation.js\";\nimport { useLocale } from \"../i18n/use-locale.js\";\nimport { getListMetadata } from \"../utils.js\";\n\nfunction NoApiKeys() {\n  const { clearSearch } = useApiKeysSearchContext();\n  return (\n    <Flex p=\"6\" gap=\"4\" justify=\"center\" align=\"center\" direction=\"column\">\n      <Flex direction=\"column\" gap=\"1\" maxWidth=\"420px\" align=\"center\">\n        <MagnifyingGlassIcon\n          style={{ color: \"var(--gray-9)\" }}\n          width=\"32px\"\n          height=\"32px\"\n        />\n        <Heading size=\"5\" mb=\"1\" wrap=\"balance\" as=\"h3\">\n          <Translation\n            defaultMessage=\"No API keys match your search\"\n            id=\"cKitHb\"\n            description=\"Empty state message when no API keys match search\"\n          />\n        </Heading>\n      </Flex>\n\n      <Button variant=\"secondary\" onClick={clearSearch}>\n        <Translation\n          defaultMessage=\"Clear search\"\n          id=\"jTupOW\"\n          description=\"Button to clear API key search filters\"\n        />\n      </Button>\n    </Flex>\n  );\n}\n\nfunction ApiKeysTableHeader() {\n  return (\n    <Flex justify=\"between\" align=\"center\">\n      <ApiKeysSearch name=\"api-keys-widget-search\" style={{ width: \"390px\" }} />\n      <CreateApiKeyButton />\n    </Flex>\n  );\n}\n\nfunction CreatedOn({ createdOn }: { createdOn: Date }) {\n  const isHydrated = useIsHydrated();\n  const locale = useLocale();\n  return (\n    <>\n      {createdOn.toLocaleDateString(locale, {\n        timeZone: isHydrated ? undefined : \"UTC\",\n        month: \"short\",\n        day: \"numeric\",\n        year: \"numeric\",\n      })}\n    </>\n  );\n}\n\ninterface ApiKeyRowProps {\n  apiKey: ListOrganizationApiKeysResponseData;\n}\n\nfunction ApiKeyRow({ apiKey }: ApiKeyRowProps) {\n  const [revokeDialogOpen, setRevokeDialogOpen] = useState(false);\n  const [detailsOpen, setDetailsOpen] = useState(false);\n  const translate = useTranslation();\n  return (\n    <>\n      <RevokeApiKeyDialog\n        // always remount the form when the dialog is opened to reset the validation errors\n        key={`${revokeDialogOpen}`}\n        open={revokeDialogOpen}\n        onOpenChange={setRevokeDialogOpen}\n        apiKey={apiKey}\n      />\n      <ApiKeyDetailsDialog\n        open={detailsOpen}\n        onOpenChange={setDetailsOpen}\n        apiKey={apiKey}\n        permissions={apiKey.permissions}\n      />\n      <Table.Row align=\"center\">\n        <Table.Cell>\n          <Text>{apiKey.name}</Text>\n        </Table.Cell>\n        <Table.Cell>\n          <Code color=\"gray\">{apiKey.obfuscatedValue}</Code>\n        </Table.Cell>\n        <Table.Cell>\n          <Text\n            style={apiKey.lastUsedAt ? undefined : { color: \"var(--gray-10)\" }}\n          >\n            <RelativeTime\n              date={apiKey.lastUsedAt ? new Date(apiKey.lastUsedAt) : undefined}\n            />\n          </Text>\n        </Table.Cell>\n        <Table.Cell>\n          <Text>\n            <CreatedOn createdOn={new Date(apiKey.createdAt)} />\n          </Text>\n        </Table.Cell>\n        <Table.Cell justify=\"end\">\n          <DropdownMenu.Root>\n            <DropdownMenu.Trigger>\n              {(() => {\n                const title = translate({\n                  defaultMessage: \"API key actions\",\n                  id: \"RIBfYe\",\n                  description: \"Tooltip for API key actions menu button\",\n                });\n                return (\n                  <IconButton title={title}>\n                    <DotsHorizontalIcon />\n                  </IconButton>\n                );\n              })()}\n            </DropdownMenu.Trigger>\n            <DropdownMenu.Content size=\"2\" align=\"end\">\n              <DropdownMenu.Item onSelect={() => setDetailsOpen(true)}>\n                <Translation\n                  defaultMessage=\"View details\"\n                  id=\"VGKbbj\"\n                  description=\"Menu item to view API key details\"\n                />\n              </DropdownMenu.Item>\n              <DropdownMenu.Item\n                variant=\"destructive\"\n                onSelect={() => setRevokeDialogOpen(true)}\n              >\n                <Translation\n                  defaultMessage=\"Revoke key\"\n                  id=\"KZIJPP\"\n                  description=\"Menu item to revoke an API key\"\n                />\n              </DropdownMenu.Item>\n            </DropdownMenu.Content>\n          </DropdownMenu.Root>\n        </Table.Cell>\n      </Table.Row>\n    </>\n  );\n}\n\nexport function ApiKeysTable({\n  apiKeys,\n}: {\n  apiKeys: ListOrganizationApiKeysResponse;\n}) {\n  const { dispatch } = useApiKeysContext();\n\n  // The API response previously returned an object with the `listMetadata`\n  // property. We might not need this, but it's a defensive check until we\n  // verify the API response changes are correct.\n  const pagination = getListMetadata(apiKeys);\n\n  const hasPagination = !!(pagination.before || pagination.after);\n  const hasPreviousPage = !!pagination.after;\n  const hasNextPage = !!pagination.before;\n\n  return (\n    <Flex direction=\"column\" align=\"stretch\" gap=\"3\">\n      <ApiKeysTableHeader />\n      {apiKeys.data.length === 0 ? (\n        <NoApiKeys />\n      ) : (\n        <>\n          <Table.Root variant=\"ghost\" size=\"2\">\n            <Table.Header>\n              <Table.Row>\n                <Table.ColumnHeaderCell width=\"25%\">\n                  <Translation\n                    defaultMessage=\"Name\"\n                    id=\"VYbVXN\"\n                    description=\"Table column header for API key name\"\n                  />\n                </Table.ColumnHeaderCell>\n                <Table.ColumnHeaderCell width=\"25%\">\n                  <Translation\n                    defaultMessage=\"Secret key\"\n                    id=\"H5k7GB\"\n                    description=\"Table column header for API key secret value\"\n                  />\n                </Table.ColumnHeaderCell>\n                <Table.ColumnHeaderCell width=\"25%\">\n                  <Translation\n                    defaultMessage=\"Last used\"\n                    id=\"E46t3O\"\n                    description=\"Table column header for API key last used timestamp\"\n                  />\n                </Table.ColumnHeaderCell>\n                <Table.ColumnHeaderCell width=\"25%\">\n                  <Translation\n                    defaultMessage=\"Created\"\n                    id=\"CXHhXd\"\n                    description=\"Table column header for API key creation date\"\n                  />\n                </Table.ColumnHeaderCell>\n                <Table.ColumnHeaderCell width=\"28px\" />\n              </Table.Row>\n            </Table.Header>\n            <Table.Body>\n              {apiKeys.data.map((apiKey) => (\n                <ApiKeyRow key={apiKey.id} apiKey={apiKey} />\n              ))}\n            </Table.Body>\n          </Table.Root>\n          {hasPagination && (\n            <Flex gap=\"2\" justify=\"end\">\n              <Button\n                variant=\"secondary\"\n                disabled={!hasPreviousPage}\n                size=\"1\"\n                onClick={() =>\n                  dispatch({\n                    type: \"SET_PAGINATION\",\n                    pagination,\n                  })\n                }\n              >\n                <Translation\n                  defaultMessage=\"Previous\"\n                  id=\"f7TUj0\"\n                  description=\"Button to navigate to previous page of API keys\"\n                />\n              </Button>\n              <Button\n                variant=\"secondary\"\n                disabled={!hasNextPage}\n                size=\"1\"\n                onClick={() =>\n                  dispatch({\n                    type: \"SET_PAGINATION\",\n                    pagination,\n                  })\n                }\n              >\n                <Translation\n                  defaultMessage=\"Next\"\n                  id=\"L2EBxV\"\n                  description=\"Button to navigate to next page of API keys\"\n                />\n              </Button>\n            </Flex>\n          )}\n        </>\n      )}\n    </Flex>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/lib/api-keys/api-keys-table.tsx"],"sourcesContent":["import { Flex, Text, Table, Code, Heading } from \"@radix-ui/themes\";\nimport { Button, DropdownMenu, IconButton } from \"../elements.js\";\nimport { DotsHorizontalIcon, MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport { useState } from \"react\";\nimport { RevokeApiKeyDialog } from \"./revoke-api-key-dialog.js\";\nimport { CreateApiKeyButton } from \"./create-api-key.js\";\nimport { ApiKeyDetailsDialog } from \"./api-key-details-dialog.js\";\nimport { useIsHydrated } from \"../use-is-hydrated.js\";\nimport { RelativeTime } from \"./relative-time.js\";\nimport {\n  ListOrganizationApiKeysResponse,\n  ListOrganizationApiKeysResponseData,\n} from \"../../api/endpoint.js\";\nimport { useApiKeysContext } from \"./api-keys-context.js\";\nimport { useApiKeysSearchContext } from \"./api-keys-search-provider.js\";\nimport { ApiKeysSearch } from \"./api-keys-search.js\";\nimport { Translation } from \"../i18n/translation.js\";\nimport { useTranslation } from \"../i18n/use-translation.js\";\nimport { useLocale } from \"../i18n/use-locale.js\";\nimport { getListMetadata } from \"../utils.js\";\n\nfunction NoApiKeys() {\n  const { clearSearch } = useApiKeysSearchContext();\n  return (\n    <Flex p=\"6\" gap=\"4\" justify=\"center\" align=\"center\" direction=\"column\">\n      <Flex direction=\"column\" gap=\"1\" maxWidth=\"420px\" align=\"center\">\n        <MagnifyingGlassIcon\n          style={{ color: \"var(--gray-9)\" }}\n          width=\"32px\"\n          height=\"32px\"\n        />\n        <Heading size=\"5\" mb=\"1\" wrap=\"balance\" as=\"h3\">\n          <Translation\n            defaultMessage=\"No API keys match your search\"\n            id=\"cKitHb\"\n            description=\"Empty state message when no API keys match search\"\n          />\n        </Heading>\n      </Flex>\n\n      <Button variant=\"secondary\" onClick={clearSearch}>\n        <Translation\n          defaultMessage=\"Clear search\"\n          id=\"jTupOW\"\n          description=\"Button to clear API key search filters\"\n        />\n      </Button>\n    </Flex>\n  );\n}\n\nfunction ApiKeysTableHeader() {\n  return (\n    <Flex justify=\"between\" align=\"center\">\n      <ApiKeysSearch name=\"api-keys-widget-search\" style={{ width: \"390px\" }} />\n      <CreateApiKeyButton />\n    </Flex>\n  );\n}\n\nfunction CreatedOn({ createdOn }: { createdOn: Date }) {\n  const isHydrated = useIsHydrated();\n  const locale = useLocale();\n  return (\n    <>\n      {createdOn.toLocaleDateString(locale, {\n        timeZone: isHydrated ? undefined : \"UTC\",\n        month: \"short\",\n        day: \"numeric\",\n        year: \"numeric\",\n      })}\n    </>\n  );\n}\n\ninterface ApiKeyRowProps {\n  apiKey: ListOrganizationApiKeysResponseData;\n}\n\nfunction ApiKeyRow({ apiKey }: ApiKeyRowProps) {\n  const [revokeDialogOpen, setRevokeDialogOpen] = useState(false);\n  const [detailsOpen, setDetailsOpen] = useState(false);\n  const translate = useTranslation();\n  return (\n    <>\n      <RevokeApiKeyDialog\n        // always remount the form when the dialog is opened to reset the validation errors\n        key={`${revokeDialogOpen}`}\n        open={revokeDialogOpen}\n        onOpenChange={setRevokeDialogOpen}\n        apiKey={apiKey}\n      />\n      <ApiKeyDetailsDialog\n        open={detailsOpen}\n        onOpenChange={setDetailsOpen}\n        apiKey={apiKey}\n        permissions={apiKey.permissions}\n      />\n      <Table.Row align=\"center\">\n        <Table.Cell>\n          <Text>{apiKey.name}</Text>\n        </Table.Cell>\n        <Table.Cell>\n          <Code color=\"gray\">{apiKey.obfuscatedValue}</Code>\n        </Table.Cell>\n        <Table.Cell>\n          <Text\n            style={apiKey.lastUsedAt ? undefined : { color: \"var(--gray-10)\" }}\n          >\n            <RelativeTime\n              date={apiKey.lastUsedAt ? new Date(apiKey.lastUsedAt) : undefined}\n            />\n          </Text>\n        </Table.Cell>\n        <Table.Cell>\n          <Text>\n            <CreatedOn createdOn={new Date(apiKey.createdAt)} />\n          </Text>\n        </Table.Cell>\n        <Table.Cell justify=\"end\">\n          <DropdownMenu.Root>\n            <DropdownMenu.Trigger>\n              {(() => {\n                const title = translate({\n                  defaultMessage: \"API key actions\",\n                  id: \"RIBfYe\",\n                  description: \"Tooltip for API key actions menu button\",\n                });\n                return (\n                  <IconButton title={title}>\n                    <DotsHorizontalIcon />\n                  </IconButton>\n                );\n              })()}\n            </DropdownMenu.Trigger>\n            <DropdownMenu.Content size=\"2\" align=\"end\">\n              <DropdownMenu.Item onSelect={() => setDetailsOpen(true)}>\n                <Translation\n                  defaultMessage=\"View details\"\n                  id=\"VGKbbj\"\n                  description=\"Menu item to view API key details\"\n                />\n              </DropdownMenu.Item>\n              <DropdownMenu.Item\n                variant=\"destructive\"\n                onSelect={() => setRevokeDialogOpen(true)}\n              >\n                <Translation\n                  defaultMessage=\"Revoke key\"\n                  id=\"KZIJPP\"\n                  description=\"Menu item to revoke an API key\"\n                />\n              </DropdownMenu.Item>\n            </DropdownMenu.Content>\n          </DropdownMenu.Root>\n        </Table.Cell>\n      </Table.Row>\n    </>\n  );\n}\n\nexport function ApiKeysTable({\n  apiKeys,\n}: {\n  apiKeys: ListOrganizationApiKeysResponse;\n}) {\n  const { dispatch } = useApiKeysContext();\n\n  // The API response previously returned an object with the `listMetadata`\n  // property. We might not need this, but it's a defensive check until we\n  // verify the API response changes are correct.\n  const pagination = getListMetadata(apiKeys);\n\n  const hasPagination = !!(pagination.before || pagination.after);\n  const hasPreviousPage = !!pagination.after;\n  const hasNextPage = !!pagination.before;\n\n  return (\n    <Flex direction=\"column\" align=\"stretch\" gap=\"3\">\n      <ApiKeysTableHeader />\n      {apiKeys.data.length === 0 ? (\n        <NoApiKeys />\n      ) : (\n        <>\n          <Table.Root variant=\"ghost\" size=\"2\">\n            <Table.Header>\n              <Table.Row>\n                <Table.ColumnHeaderCell width=\"25%\">\n                  <Translation\n                    defaultMessage=\"Name\"\n                    id=\"VYbVXN\"\n                    description=\"Table column header for API key name\"\n                  />\n                </Table.ColumnHeaderCell>\n                <Table.ColumnHeaderCell width=\"25%\">\n                  <Translation\n                    defaultMessage=\"Secret key\"\n                    id=\"H5k7GB\"\n                    description=\"Table column header for API key secret value\"\n                  />\n                </Table.ColumnHeaderCell>\n                <Table.ColumnHeaderCell width=\"25%\">\n                  <Translation\n                    defaultMessage=\"Last used\"\n                    id=\"E46t3O\"\n                    description=\"Table column header for API key last used timestamp\"\n                  />\n                </Table.ColumnHeaderCell>\n                <Table.ColumnHeaderCell width=\"25%\">\n                  <Translation\n                    defaultMessage=\"Created\"\n                    id=\"CXHhXd\"\n                    description=\"Table column header for API key creation date\"\n                  />\n                </Table.ColumnHeaderCell>\n                <Table.ColumnHeaderCell width=\"28px\" />\n              </Table.Row>\n            </Table.Header>\n            <Table.Body>\n              {apiKeys.data.map((apiKey) => (\n                <ApiKeyRow key={apiKey.id} apiKey={apiKey} />\n              ))}\n            </Table.Body>\n          </Table.Root>\n          {hasPagination && (\n            <Flex gap=\"2\" justify=\"end\">\n              <Button\n                variant=\"secondary\"\n                disabled={!hasPreviousPage}\n                size=\"1\"\n                onClick={() =>\n                  dispatch({\n                    type: \"SET_PAGINATION\",\n                    pagination: { before: null, after: pagination.after },\n                  })\n                }\n              >\n                <Translation\n                  defaultMessage=\"Previous\"\n                  id=\"f7TUj0\"\n                  description=\"Button to navigate to previous page of API keys\"\n                />\n              </Button>\n              <Button\n                variant=\"secondary\"\n                disabled={!hasNextPage}\n                size=\"1\"\n                onClick={() =>\n                  dispatch({\n                    type: \"SET_PAGINATION\",\n                    pagination: { before: pagination.before, after: null },\n                  })\n                }\n              >\n                <Translation\n                  defaultMessage=\"Next\"\n                  id=\"L2EBxV\"\n                  description=\"Button to navigate to next page of API keys\"\n                />\n              </Button>\n            </Flex>\n          )}\n        </>\n      )}\n    </Flex>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/esm/lib/audit-log-stream-icons.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function GenericHttpsIcon(): react_jsx_runtime.JSX.Element;
+
+export { GenericHttpsIcon };

package/dist/esm/lib/audit-log-stream-icons.js

@@ -0,0 +1,39 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+function GenericHttpsIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: 16,
+      height: 16,
+      viewBox: "0 0 373.71 200",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M326 0H47.73L0 100l47.73 100H326l47.73-100Zm-15.95 183.36H58.22L18.43 100l39.79-83.36h251.83L349.84 100Z",
+            fill: "#008ec7"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "m349.84 100.01-39.79 83.36H58.22l-39.79-83.36 39.79-83.37h251.83l39.79 83.37z",
+            fill: "#005b9b"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M128.05 71.89v59.53h-13.78V107h-27v24.41H73.46V71.89h13.77v23.47h27V71.89ZM154.5 83.12h-19.05V71.89h51.87v11.23h-19v48.3H154.5ZM207.9 83.12h-19.05V71.89h51.87v11.23h-19.05v48.3H207.9ZM287.62 74.53a20.45 20.45 0 0 1 9 7.48 20.67 20.67 0 0 1 3.14 11.48 20.73 20.73 0 0 1-3.14 11.44 20.06 20.06 0 0 1-9 7.48 33.55 33.55 0 0 1-13.74 2.59h-12v16.42h-13.76V71.89h25.76a33.05 33.05 0 0 1 13.74 2.64Zm-5.06 26.57a9.33 9.33 0 0 0 3.23-7.61c0-3.34-1.08-5.91-3.23-7.69s-5.3-2.68-9.44-2.68h-11.23v20.66h11.23q6.21 0 9.44-2.68Z",
+            fill: "#fff"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  GenericHttpsIcon
+};
+//# sourceMappingURL=audit-log-stream-icons.js.map

package/dist/esm/lib/audit-log-stream-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/audit-log-stream-icons.tsx"],"sourcesContent":["export function GenericHttpsIcon() {\n  return (\n    <svg\n      width={16}\n      height={16}\n      viewBox=\"0 0 373.71 200\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M326 0H47.73L0 100l47.73 100H326l47.73-100Zm-15.95 183.36H58.22L18.43 100l39.79-83.36h251.83L349.84 100Z\"\n        fill=\"#008ec7\"\n      />\n      <path\n        d=\"m349.84 100.01-39.79 83.36H58.22l-39.79-83.36 39.79-83.37h251.83l39.79 83.37z\"\n        fill=\"#005b9b\"\n      />\n      <path\n        d=\"M128.05 71.89v59.53h-13.78V107h-27v24.41H73.46V71.89h13.77v23.47h27V71.89ZM154.5 83.12h-19.05V71.89h51.87v11.23h-19v48.3H154.5ZM207.9 83.12h-19.05V71.89h51.87v11.23h-19.05v48.3H207.9ZM287.62 74.53a20.45 20.45 0 0 1 9 7.48 20.67 20.67 0 0 1 3.14 11.48 20.73 20.73 0 0 1-3.14 11.44 20.06 20.06 0 0 1-9 7.48 33.55 33.55 0 0 1-13.74 2.59h-12v16.42h-13.76V71.89h25.76a33.05 33.05 0 0 1 13.74 2.64Zm-5.06 26.57a9.33 9.33 0 0 0 3.23-7.61c0-3.34-1.08-5.91-3.23-7.69s-5.3-2.68-9.44-2.68h-11.23v20.66h11.23q6.21 0 9.44-2.68Z\"\n        fill=\"#fff\"\n      />\n    </svg>\n  );\n}\n"],"mappings":"AAEI,SAME,KANF;AAFG,SAAS,mBAAmB;AACjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAQ;AAAA,MACR,OAAM;AAAA,MAEN;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA;AAAA,QACP;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA;AAAA,QACP;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA;AAAA,QACP;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}