@workos-inc/widgets 1.9.1 → 1.10.0

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 1.10.0
+
+- Add new `AdminPortalAuditLogStreaming` Widget for monitoring audit log stream status and configuration
+
 ## 1.9.1
 
 - Fix expired admin portal link error for the `AdminPortalSsoConnection` Widget

package/dist/cjs/admin-portal-audit-log-streaming.client.cjs

@@ -0,0 +1,167 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var admin_portal_audit_log_streaming_client_exports = {};
+__export(admin_portal_audit_log_streaming_client_exports, {
+  AdminPortalAuditLogStreaming: () => AdminPortalAuditLogStreaming,
+  AdminPortalAuditLogStreamingButton: () => import_admin_portal_audit_log_streaming3.AdminPortalAuditLogStreamingButton,
+  AdminPortalAuditLogStreamingError: () => import_admin_portal_audit_log_streaming2.AdminPortalAuditLogStreamingError,
+  AdminPortalAuditLogStreamingLoading: () => import_admin_portal_audit_log_streaming2.AdminPortalAuditLogStreamingLoading,
+  AdminPortalAuditLogStreamingPresentational: () => import_admin_portal_audit_log_streaming3.AdminPortalAuditLogStreaming
+});
+module.exports = __toCommonJS(admin_portal_audit_log_streaming_client_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_admin_portal_audit_log_streaming = require("./lib/admin-portal-audit-log-streaming.js");
+var import_api_provider = require("./api/api-provider.js");
+var import_endpoint = require("./api/endpoint.js");
+var import_widgets_context = require("./lib/widgets-context.js");
+var import_error_boundary = require("./lib/error-boundary.js");
+var import_admin_portal_audit_log_streaming2 = require("./lib/admin-portal-audit-log-streaming.js");
+var import_admin_portal_audit_log_streaming3 = require("./lib/admin-portal-audit-log-streaming.js");
+const AdminPortalAuditLogStreaming = ({ authToken, ...domProps }) => {
+  const baseUrl = (0, import_widgets_context.useWorkOsApiUrl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_error_boundary.ErrorBoundary,
+    {
+      fallbackRender: ({ error }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_admin_portal_audit_log_streaming.AdminPortalAuditLogStreamingError, { error, ...domProps }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_api_provider.ApiProvider,
+        {
+          widgetType: "admin-portal-audit-log-streaming",
+          authToken,
+          baseUrl,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdminPortalAuditLogStreamingImpl, { ...domProps })
+        }
+      )
+    }
+  );
+};
+const AdminPortalAuditLogStreamingImpl = (props) => {
+  const isApiReady = (0, import_api_provider.useApiReady)();
+  const { mutate: generateAdminPortalLink, ...mutation } = (0, import_endpoint.useGenerateAdminPortalLink)({
+    mutation: {
+      onSuccess: (data) => {
+        window.open(data.link, "_blank", "noopener,noreferrer");
+      }
+    }
+  });
+  const adminPortalLink = mutation.data?.link ?? null;
+  const query = (0, import_endpoint.useGetAuditLogStream)({
+    query: {
+      enabled: isApiReady
+    }
+  });
+  const initConfig = () => {
+    generateAdminPortalLink({
+      params: {
+        intent: "log_streams"
+      }
+    });
+  };
+  if (query.isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_admin_portal_audit_log_streaming.AdminPortalAuditLogStreamingLoading, { ...props });
+  }
+  if (query.isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_admin_portal_audit_log_streaming.AdminPortalAuditLogStreamingError, { error: query.error, ...props });
+  }
+  if (query.data) {
+    const stream = query.data;
+    if (!Object.hasOwn(stream, "id")) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_admin_portal_audit_log_streaming.AdminPortalAuditLogStreaming,
+        {
+          ...props,
+          connectionStatus: "NotConfigured",
+          adminPortalOpenButton: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_admin_portal_audit_log_streaming.AdminPortalAuditLogStreamingButton,
+            {
+              isPending: mutation.isPending,
+              href: adminPortalLink,
+              initConfig
+            }
+          )
+        }
+      );
+    }
+    const configuredStream = stream;
+    const statusProps = (() => {
+      switch (configuredStream.state) {
+        case "Inactive":
+          return {
+            connectionStatus: "Inactive",
+            destinationType: configuredStream.type
+          };
+        case "Active":
+          return {
+            connectionStatus: "Active",
+            destinationType: configuredStream.type,
+            lastSyncedEventId: configuredStream.lastSyncedEventId
+          };
+        case "Error":
+          return {
+            connectionStatus: "Error",
+            destinationType: configuredStream.type,
+            lastSyncedEventId: configuredStream.lastSyncedEventId
+          };
+        case "Invalid":
+          return {
+            connectionStatus: "Error",
+            destinationType: configuredStream.type,
+            lastSyncedEventId: configuredStream.lastSyncedEventId
+          };
+        default:
+          return {
+            connectionStatus: "Inactive",
+            destinationType: configuredStream.type
+          };
+      }
+    })();
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_error_boundary.ErrorBoundary,
+      {
+        fallbackRender: ({ error }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_admin_portal_audit_log_streaming.AdminPortalAuditLogStreamingError, { error, ...props }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_admin_portal_audit_log_streaming.AdminPortalAuditLogStreaming,
+          {
+            ...props,
+            ...statusProps,
+            adminPortalOpenButton: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_admin_portal_audit_log_streaming.AdminPortalAuditLogStreamingButton,
+              {
+                isPending: mutation.isPending,
+                href: adminPortalLink,
+                initConfig
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_admin_portal_audit_log_streaming.AdminPortalAuditLogStreamingLoading, { ...props });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AdminPortalAuditLogStreaming,
+  AdminPortalAuditLogStreamingButton,
+  AdminPortalAuditLogStreamingError,
+  AdminPortalAuditLogStreamingLoading,
+  AdminPortalAuditLogStreamingPresentational
+});
+//# sourceMappingURL=admin-portal-audit-log-streaming.client.cjs.map

package/dist/cjs/admin-portal-audit-log-streaming.client.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/admin-portal-audit-log-streaming.client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  AdminPortalAuditLogStreamingError,\n  AdminPortalAuditLogStreamingLoading,\n  AdminPortalAuditLogStreaming as AdminPortalAuditLogStreamingPresentational,\n  AdminPortalAuditLogStreamingButton,\n} from \"./lib/admin-portal-audit-log-streaming.js\";\nimport type { AdminPortalAuditLogStreamingStatusProps } from \"./lib/admin-portal-audit-log-streaming.js\";\nimport { ApiProvider, AuthToken, useApiReady } from \"./api/api-provider.js\";\nimport {\n  useGenerateAdminPortalLink,\n  useGetAuditLogStream,\n  type AuditLogStreamJSON,\n} from \"./api/endpoint.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport { WidgetRootDomProps } from \"./lib/utils.js\";\n\ninterface AdminPortalAuditLogStreamingProps extends WidgetRootDomProps {\n  authToken: AuthToken;\n}\n\nconst AdminPortalAuditLogStreaming: React.FC<\n  AdminPortalAuditLogStreamingProps\n> = ({ authToken, ...domProps }) => {\n  const baseUrl = useWorkOsApiUrl();\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <AdminPortalAuditLogStreamingError error={error} {...domProps} />\n      )}\n    >\n      <ApiProvider\n        widgetType=\"admin-portal-audit-log-streaming\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <AdminPortalAuditLogStreamingImpl {...domProps} />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\nconst AdminPortalAuditLogStreamingImpl = (props: WidgetRootDomProps) => {\n  const isApiReady = useApiReady();\n\n  const { mutate: generateAdminPortalLink, ...mutation } =\n    useGenerateAdminPortalLink({\n      mutation: {\n        onSuccess: (data) => {\n          window.open(data.link, \"_blank\", \"noopener,noreferrer\");\n        },\n      },\n    });\n\n  const adminPortalLink = mutation.data?.link ?? null;\n\n  const query = useGetAuditLogStream({\n    query: {\n      enabled: isApiReady,\n    },\n  });\n\n  const initConfig = () => {\n    generateAdminPortalLink({\n      params: {\n        intent: \"log_streams\",\n      },\n    });\n  };\n\n  if (query.isLoading) {\n    return <AdminPortalAuditLogStreamingLoading {...props} />;\n  }\n\n  if (query.isError) {\n    return <AdminPortalAuditLogStreamingError error={query.error} {...props} />;\n  }\n\n  if (query.data) {\n    const stream = query.data;\n\n    // Check if stream is configured (has id property)\n    // API returns empty object {} when no stream is configured\n    if (!Object.hasOwn(stream, \"id\")) {\n      return (\n        <AdminPortalAuditLogStreamingPresentational\n          {...props}\n          connectionStatus=\"NotConfigured\"\n          adminPortalOpenButton={\n            <AdminPortalAuditLogStreamingButton\n              isPending={mutation.isPending}\n              href={adminPortalLink}\n              initConfig={initConfig}\n            />\n          }\n        />\n      );\n    }\n\n    // Type assertion: we've confirmed stream has id, so it's AuditLogStreamJSON\n    const configuredStream = stream as AuditLogStreamJSON;\n\n    // Map API state to widget status\n    const statusProps: AdminPortalAuditLogStreamingStatusProps = (() => {\n      switch (configuredStream.state) {\n        case \"Inactive\":\n          return {\n            connectionStatus: \"Inactive\",\n            destinationType: configuredStream.type,\n          };\n        case \"Active\":\n          return {\n            connectionStatus: \"Active\",\n            destinationType: configuredStream.type,\n            lastSyncedEventId: configuredStream.lastSyncedEventId,\n          };\n        case \"Error\":\n          return {\n            connectionStatus: \"Error\",\n            destinationType: configuredStream.type,\n            lastSyncedEventId: configuredStream.lastSyncedEventId,\n          };\n        case \"Invalid\":\n          return {\n            connectionStatus: \"Error\",\n            destinationType: configuredStream.type,\n            lastSyncedEventId: configuredStream.lastSyncedEventId,\n          };\n        default:\n          // Fallback\n          return {\n            connectionStatus: \"Inactive\",\n            destinationType: configuredStream.type,\n          };\n      }\n    })();\n\n    return (\n      <ErrorBoundary\n        fallbackRender={({ error }) => (\n          <AdminPortalAuditLogStreamingError error={error} {...props} />\n        )}\n      >\n        <AdminPortalAuditLogStreamingPresentational\n          {...props}\n          {...statusProps}\n          adminPortalOpenButton={\n            <AdminPortalAuditLogStreamingButton\n              isPending={mutation.isPending}\n              href={adminPortalLink}\n              initConfig={initConfig}\n            />\n          }\n        />\n      </ErrorBoundary>\n    );\n  }\n\n  return <AdminPortalAuditLogStreamingLoading {...props} />;\n};\n\nexport { AdminPortalAuditLogStreaming };\nexport type { AdminPortalAuditLogStreamingProps };\nexport {\n  AdminPortalAuditLogStreamingLoading,\n  AdminPortalAuditLogStreamingError,\n} from \"./lib/admin-portal-audit-log-streaming.js\";\nexport {\n  AdminPortalAuditLogStreaming as AdminPortalAuditLogStreamingPresentational,\n  AdminPortalAuditLogStreamingButton,\n  type AdminPortalAuditLogStreamingStatusProps,\n} from \"./lib/admin-portal-audit-log-streaming.js\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BQ;AA5BR,8CAKO;AAEP,0BAAoD;AACpD,sBAIO;AACP,6BAAgC;AAChC,4BAA8B;AAqJ9B,IAAAA,2CAGO;AACP,IAAAA,2CAIO;AAtJP,MAAM,+BAEF,CAAC,EAAE,WAAW,GAAG,SAAS,MAAM;AAClC,QAAM,cAAU,wCAAgB;AAChC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,4CAAC,6EAAkC,OAAe,GAAG,UAAU;AAAA,MAGjE;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX;AAAA,UACA;AAAA,UAEA,sDAAC,oCAAkC,GAAG,UAAU;AAAA;AAAA,MAClD;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,mCAAmC,CAAC,UAA8B;AACtE,QAAM,iBAAa,iCAAY;AAE/B,QAAM,EAAE,QAAQ,yBAAyB,GAAG,SAAS,QACnD,4CAA2B;AAAA,IACzB,UAAU;AAAA,MACR,WAAW,CAAC,SAAS;AACnB,eAAO,KAAK,KAAK,MAAM,UAAU,qBAAqB;AAAA,MACxD;AAAA,IACF;AAAA,EACF,CAAC;AAEH,QAAM,kBAAkB,SAAS,MAAM,QAAQ;AAE/C,QAAM,YAAQ,sCAAqB;AAAA,IACjC,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,EACF,CAAC;AAED,QAAM,aAAa,MAAM;AACvB,4BAAwB;AAAA,MACtB,QAAQ;AAAA,QACN,QAAQ;AAAA,MACV;AAAA,IACF,CAAC;AAAA,EACH;AAEA,MAAI,MAAM,WAAW;AACnB,WAAO,4CAAC,+EAAqC,GAAG,OAAO;AAAA,EACzD;AAEA,MAAI,MAAM,SAAS;AACjB,WAAO,4CAAC,6EAAkC,OAAO,MAAM,OAAQ,GAAG,OAAO;AAAA,EAC3E;AAEA,MAAI,MAAM,MAAM;AACd,UAAM,SAAS,MAAM;AAIrB,QAAI,CAAC,OAAO,OAAO,QAAQ,IAAI,GAAG;AAChC,aACE;AAAA,QAAC,wCAAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ,kBAAiB;AAAA,UACjB,uBACE;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,SAAS;AAAA,cACpB,MAAM;AAAA,cACN;AAAA;AAAA,UACF;AAAA;AAAA,MAEJ;AAAA,IAEJ;AAGA,UAAM,mBAAmB;AAGzB,UAAM,eAAwD,MAAM;AAClE,cAAQ,iBAAiB,OAAO;AAAA,QAC9B,KAAK;AACH,iBAAO;AAAA,YACL,kBAAkB;AAAA,YAClB,iBAAiB,iBAAiB;AAAA,UACpC;AAAA,QACF,KAAK;AACH,iBAAO;AAAA,YACL,kBAAkB;AAAA,YAClB,iBAAiB,iBAAiB;AAAA,YAClC,mBAAmB,iBAAiB;AAAA,UACtC;AAAA,QACF,KAAK;AACH,iBAAO;AAAA,YACL,kBAAkB;AAAA,YAClB,iBAAiB,iBAAiB;AAAA,YAClC,mBAAmB,iBAAiB;AAAA,UACtC;AAAA,QACF,KAAK;AACH,iBAAO;AAAA,YACL,kBAAkB;AAAA,YAClB,iBAAiB,iBAAiB;AAAA,YAClC,mBAAmB,iBAAiB;AAAA,UACtC;AAAA,QACF;AAEE,iBAAO;AAAA,YACL,kBAAkB;AAAA,YAClB,iBAAiB,iBAAiB;AAAA,UACpC;AAAA,MACJ;AAAA,IACF,GAAG;AAEH,WACE;AAAA,MAAC;AAAA;AAAA,QACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,4CAAC,6EAAkC,OAAe,GAAG,OAAO;AAAA,QAG9D;AAAA,UAAC,wCAAAA;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACH,GAAG;AAAA,YACJ,uBACE;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,SAAS;AAAA,gBACpB,MAAM;AAAA,gBACN;AAAA;AAAA,YACF;AAAA;AAAA,QAEJ;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SAAO,4CAAC,+EAAqC,GAAG,OAAO;AACzD;","names":["import_admin_portal_audit_log_streaming","AdminPortalAuditLogStreamingPresentational"]}

package/dist/cjs/admin-portal-audit-log-streaming.client.d.cts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { AuthToken } from './api/api-provider.cjs';
+import { WidgetRootDomProps } from './lib/utils.cjs';
+export { AdminPortalAuditLogStreamingButton, AdminPortalAuditLogStreamingError, AdminPortalAuditLogStreamingLoading, AdminPortalAuditLogStreaming as AdminPortalAuditLogStreamingPresentational, AdminPortalAuditLogStreamingStatusProps } from './lib/admin-portal-audit-log-streaming.cjs';
+import 'react/jsx-runtime';
+import './api/endpoint.cjs';
+import '@tanstack/react-query';
+import './api/widgets-api-client.cjs';
+import './lib/elements.cjs';
+import '@radix-ui/themes';
+import '@radix-ui/themes/props';
+import './dialog-C15qCLN3.cjs';
+import '@radix-ui/themes/components/dialog';
+import './alert-dialog-BlG3_awx.cjs';
+import '@radix-ui/themes/components/alert-dialog';
+import './dropdown-menu-BQ5LtvdR.cjs';
+import '@radix-ui/themes/components/dropdown-menu';
+import './select-KR89Qnvm.cjs';
+import '@radix-ui/themes/components/select';
+
+interface AdminPortalAuditLogStreamingProps extends WidgetRootDomProps {
+    authToken: AuthToken;
+}
+declare const AdminPortalAuditLogStreaming: React.FC<AdminPortalAuditLogStreamingProps>;
+
+export { AdminPortalAuditLogStreaming, type AdminPortalAuditLogStreamingProps };

package/dist/cjs/api/api-provider.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/api/api-provider.tsx"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\nimport * as React from \"react\";\nimport { useIsHydrated } from \"../lib/use-is-hydrated.js\";\nimport { getClaims } from \"./utils.js\";\n\nexport type WidgetType =\n  | \"admin-portal-domain-verification\"\n  | \"user-management\"\n  | \"organization-switcher\"\n  | \"user-sessions\"\n  | \"user-security\"\n  | \"user-profile\"\n  | \"admin-portal-sso-connection\"\n  | \"api-keys\"\n  | \"pipes\"\n  | \"directory-sync\";\n\nexport type AuthToken = string | (() => Promise<string>);\n\ninterface ElevatedAccess {\n  token: string;\n  expiresAt: string;\n}\n\ninterface ApiConfig {\n  authToken: string | undefined;\n  permissions: string[] | undefined;\n  baseUrl: string;\n  widgetType: WidgetType;\n  elevatedAccess?: ElevatedAccess;\n  setElevatedAccess: (elevatedAccess?: ElevatedAccess) => void;\n}\n\nconst ApiContext = React.createContext<ApiConfig | undefined>(undefined);\n\ninterface ApiProviderProps {\n  authToken: AuthToken;\n  baseUrl: string;\n  children: React.ReactNode;\n  widgetType: WidgetType;\n}\n\nexport const ApiProvider = ({\n  authToken,\n  baseUrl,\n  children,\n  widgetType,\n}: ApiProviderProps) => {\n  const authTokenQuery = useQuery({\n    initialData:\n      typeof authToken === \"string\"\n        ? {\n            authToken,\n            permissions: getClaims(authToken).permissions,\n          }\n        : undefined,\n    queryFn: async () => {\n      const resolvedToken =\n        typeof authToken === \"string\" ? authToken : await authToken();\n\n      return {\n        authToken: resolvedToken,\n        permissions: getClaims(resolvedToken).permissions,\n      };\n    },\n    queryKey: [\"authToken\", widgetType],\n  });\n\n  const [elevatedAccess, setElevatedAccess] = React.useState<ElevatedAccess>();\n  const elevatedAccessTimeout = React.useRef<number | undefined>(undefined);\n\n  // This effect manages the expiration of elevated access tokens\n  // When an elevated access token is present, it checks every 30 seconds if the token has expired\n  // If the token has expired (current time > expiration time), it clears the elevated access\n  React.useEffect(() => {\n    if (elevatedAccessTimeout.current) {\n      window.clearInterval(elevatedAccessTimeout.current);\n    }\n\n    if (elevatedAccess) {\n      elevatedAccessTimeout.current = window.setInterval(() => {\n        const now = new Date();\n        const expiresAtDate = new Date(elevatedAccess.expiresAt);\n\n        //  Reset the elevated access if it has expired\n        if (now > expiresAtDate) {\n          setElevatedAccess(undefined);\n        }\n      }, 30_000); // every 30 seconds\n    }\n\n    return () => {\n      if (elevatedAccessTimeout.current) {\n        window.clearInterval(elevatedAccessTimeout.current);\n      }\n    };\n  }, [elevatedAccess]);\n\n  const value = React.useMemo(\n    () => ({\n      authToken: authTokenQuery.data?.authToken,\n      permissions: authTokenQuery.data?.permissions,\n      baseUrl,\n      elevatedAccess,\n      setElevatedAccess,\n      widgetType,\n    }),\n    [\n      authTokenQuery.data,\n      baseUrl,\n      elevatedAccess,\n      setElevatedAccess,\n      widgetType,\n    ],\n  );\n\n  return <ApiContext.Provider value={value}>{children}</ApiContext.Provider>;\n};\n\nexport const useApi = () => {\n  const context = React.useContext(ApiContext);\n\n  if (context === undefined) {\n    throw new Error(\"useApi must be used within an ApiProvider\");\n  }\n\n  return context;\n};\n\nexport const useElevatedAccessToken = () => {\n  const { elevatedAccess, setElevatedAccess } = useApi();\n\n  return { elevatedAccess, setElevatedAccess };\n};\n\nexport const useApiReady = () => {\n  const { authToken } = useApi();\n  const isHydrated = useIsHydrated();\n\n  return isHydrated && authToken !== undefined;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoHS;AApHT,yBAAyB;AACzB,YAAuB;AACvB,6BAA8B;AAC9B,mBAA0B;AA8B1B,MAAM,aAAa,MAAM,cAAqC,MAAS;AAShE,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAwB;AACtB,QAAM,qBAAiB,6BAAS;AAAA,IAC9B,aACE,OAAO,cAAc,WACjB;AAAA,MACE;AAAA,MACA,iBAAa,wBAAU,SAAS,EAAE;AAAA,IACpC,IACA;AAAA,IACN,SAAS,YAAY;AACnB,YAAM,gBACJ,OAAO,cAAc,WAAW,YAAY,MAAM,UAAU;AAE9D,aAAO;AAAA,QACL,WAAW;AAAA,QACX,iBAAa,wBAAU,aAAa,EAAE;AAAA,MACxC;AAAA,IACF;AAAA,IACA,UAAU,CAAC,aAAa,UAAU;AAAA,EACpC,CAAC;AAED,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,MAAM,SAAyB;AAC3E,QAAM,wBAAwB,MAAM,OAA2B,MAAS;AAKxE,QAAM,UAAU,MAAM;AACpB,QAAI,sBAAsB,SAAS;AACjC,aAAO,cAAc,sBAAsB,OAAO;AAAA,IACpD;AAEA,QAAI,gBAAgB;AAClB,4BAAsB,UAAU,OAAO,YAAY,MAAM;AACvD,cAAM,MAAM,oBAAI,KAAK;AACrB,cAAM,gBAAgB,IAAI,KAAK,eAAe,SAAS;AAGvD,YAAI,MAAM,eAAe;AACvB,4BAAkB,MAAS;AAAA,QAC7B;AAAA,MACF,GAAG,GAAM;AAAA,IACX;AAEA,WAAO,MAAM;AACX,UAAI,sBAAsB,SAAS;AACjC,eAAO,cAAc,sBAAsB,OAAO;AAAA,MACpD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAM,QAAQ,MAAM;AAAA,IAClB,OAAO;AAAA,MACL,WAAW,eAAe,MAAM;AAAA,MAChC,aAAa,eAAe,MAAM;AAAA,MAClC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO,4CAAC,WAAW,UAAX,EAAoB,OAAe,UAAS;AACtD;AAEO,MAAM,SAAS,MAAM;AAC1B,QAAM,UAAU,MAAM,WAAW,UAAU;AAE3C,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI,MAAM,2CAA2C;AAAA,EAC7D;AAEA,SAAO;AACT;AAEO,MAAM,yBAAyB,MAAM;AAC1C,QAAM,EAAE,gBAAgB,kBAAkB,IAAI,OAAO;AAErD,SAAO,EAAE,gBAAgB,kBAAkB;AAC7C;AAEO,MAAM,cAAc,MAAM;AAC/B,QAAM,EAAE,UAAU,IAAI,OAAO;AAC7B,QAAM,iBAAa,sCAAc;AAEjC,SAAO,cAAc,cAAc;AACrC;","names":[]}
+{"version":3,"sources":["../../../src/api/api-provider.tsx"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\nimport * as React from \"react\";\nimport { useIsHydrated } from \"../lib/use-is-hydrated.js\";\nimport { getClaims } from \"./utils.js\";\n\nexport type WidgetType =\n  | \"admin-portal-audit-log-streaming\"\n  | \"admin-portal-domain-verification\"\n  | \"user-management\"\n  | \"organization-switcher\"\n  | \"user-sessions\"\n  | \"user-security\"\n  | \"user-profile\"\n  | \"admin-portal-sso-connection\"\n  | \"api-keys\"\n  | \"pipes\"\n  | \"directory-sync\";\n\nexport type AuthToken = string | (() => Promise<string>);\n\ninterface ElevatedAccess {\n  token: string;\n  expiresAt: string;\n}\n\ninterface ApiConfig {\n  authToken: string | undefined;\n  permissions: string[] | undefined;\n  baseUrl: string;\n  widgetType: WidgetType;\n  elevatedAccess?: ElevatedAccess;\n  setElevatedAccess: (elevatedAccess?: ElevatedAccess) => void;\n}\n\nconst ApiContext = React.createContext<ApiConfig | undefined>(undefined);\n\ninterface ApiProviderProps {\n  authToken: AuthToken;\n  baseUrl: string;\n  children: React.ReactNode;\n  widgetType: WidgetType;\n}\n\nexport const ApiProvider = ({\n  authToken,\n  baseUrl,\n  children,\n  widgetType,\n}: ApiProviderProps) => {\n  const authTokenQuery = useQuery({\n    initialData:\n      typeof authToken === \"string\"\n        ? {\n            authToken,\n            permissions: getClaims(authToken).permissions,\n          }\n        : undefined,\n    queryFn: async () => {\n      const resolvedToken =\n        typeof authToken === \"string\" ? authToken : await authToken();\n\n      return {\n        authToken: resolvedToken,\n        permissions: getClaims(resolvedToken).permissions,\n      };\n    },\n    queryKey: [\"authToken\", widgetType],\n  });\n\n  const [elevatedAccess, setElevatedAccess] = React.useState<ElevatedAccess>();\n  const elevatedAccessTimeout = React.useRef<number | undefined>(undefined);\n\n  // This effect manages the expiration of elevated access tokens\n  // When an elevated access token is present, it checks every 30 seconds if the token has expired\n  // If the token has expired (current time > expiration time), it clears the elevated access\n  React.useEffect(() => {\n    if (elevatedAccessTimeout.current) {\n      window.clearInterval(elevatedAccessTimeout.current);\n    }\n\n    if (elevatedAccess) {\n      elevatedAccessTimeout.current = window.setInterval(() => {\n        const now = new Date();\n        const expiresAtDate = new Date(elevatedAccess.expiresAt);\n\n        //  Reset the elevated access if it has expired\n        if (now > expiresAtDate) {\n          setElevatedAccess(undefined);\n        }\n      }, 30_000); // every 30 seconds\n    }\n\n    return () => {\n      if (elevatedAccessTimeout.current) {\n        window.clearInterval(elevatedAccessTimeout.current);\n      }\n    };\n  }, [elevatedAccess]);\n\n  const value = React.useMemo(\n    () => ({\n      authToken: authTokenQuery.data?.authToken,\n      permissions: authTokenQuery.data?.permissions,\n      baseUrl,\n      elevatedAccess,\n      setElevatedAccess,\n      widgetType,\n    }),\n    [\n      authTokenQuery.data,\n      baseUrl,\n      elevatedAccess,\n      setElevatedAccess,\n      widgetType,\n    ],\n  );\n\n  return <ApiContext.Provider value={value}>{children}</ApiContext.Provider>;\n};\n\nexport const useApi = () => {\n  const context = React.useContext(ApiContext);\n\n  if (context === undefined) {\n    throw new Error(\"useApi must be used within an ApiProvider\");\n  }\n\n  return context;\n};\n\nexport const useElevatedAccessToken = () => {\n  const { elevatedAccess, setElevatedAccess } = useApi();\n\n  return { elevatedAccess, setElevatedAccess };\n};\n\nexport const useApiReady = () => {\n  const { authToken } = useApi();\n  const isHydrated = useIsHydrated();\n\n  return isHydrated && authToken !== undefined;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqHS;AArHT,yBAAyB;AACzB,YAAuB;AACvB,6BAA8B;AAC9B,mBAA0B;AA+B1B,MAAM,aAAa,MAAM,cAAqC,MAAS;AAShE,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAwB;AACtB,QAAM,qBAAiB,6BAAS;AAAA,IAC9B,aACE,OAAO,cAAc,WACjB;AAAA,MACE;AAAA,MACA,iBAAa,wBAAU,SAAS,EAAE;AAAA,IACpC,IACA;AAAA,IACN,SAAS,YAAY;AACnB,YAAM,gBACJ,OAAO,cAAc,WAAW,YAAY,MAAM,UAAU;AAE9D,aAAO;AAAA,QACL,WAAW;AAAA,QACX,iBAAa,wBAAU,aAAa,EAAE;AAAA,MACxC;AAAA,IACF;AAAA,IACA,UAAU,CAAC,aAAa,UAAU;AAAA,EACpC,CAAC;AAED,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,MAAM,SAAyB;AAC3E,QAAM,wBAAwB,MAAM,OAA2B,MAAS;AAKxE,QAAM,UAAU,MAAM;AACpB,QAAI,sBAAsB,SAAS;AACjC,aAAO,cAAc,sBAAsB,OAAO;AAAA,IACpD;AAEA,QAAI,gBAAgB;AAClB,4BAAsB,UAAU,OAAO,YAAY,MAAM;AACvD,cAAM,MAAM,oBAAI,KAAK;AACrB,cAAM,gBAAgB,IAAI,KAAK,eAAe,SAAS;AAGvD,YAAI,MAAM,eAAe;AACvB,4BAAkB,MAAS;AAAA,QAC7B;AAAA,MACF,GAAG,GAAM;AAAA,IACX;AAEA,WAAO,MAAM;AACX,UAAI,sBAAsB,SAAS;AACjC,eAAO,cAAc,sBAAsB,OAAO;AAAA,MACpD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAM,QAAQ,MAAM;AAAA,IAClB,OAAO;AAAA,MACL,WAAW,eAAe,MAAM;AAAA,MAChC,aAAa,eAAe,MAAM;AAAA,MAClC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO,4CAAC,WAAW,UAAX,EAAoB,OAAe,UAAS;AACtD;AAEO,MAAM,SAAS,MAAM;AAC1B,QAAM,UAAU,MAAM,WAAW,UAAU;AAE3C,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI,MAAM,2CAA2C;AAAA,EAC7D;AAEA,SAAO;AACT;AAEO,MAAM,yBAAyB,MAAM;AAC1C,QAAM,EAAE,gBAAgB,kBAAkB,IAAI,OAAO;AAErD,SAAO,EAAE,gBAAgB,kBAAkB;AAC7C;AAEO,MAAM,cAAc,MAAM;AAC/B,QAAM,EAAE,UAAU,IAAI,OAAO;AAC7B,QAAM,iBAAa,sCAAc;AAEjC,SAAO,cAAc,cAAc;AACrC;","names":[]}

package/dist/cjs/api/api-provider.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
-type WidgetType = "admin-portal-domain-verification" | "user-management" | "organization-switcher" | "user-sessions" | "user-security" | "user-profile" | "admin-portal-sso-connection" | "api-keys" | "pipes" | "directory-sync";
+type WidgetType = "admin-portal-audit-log-streaming" | "admin-portal-domain-verification" | "user-management" | "organization-switcher" | "user-sessions" | "user-security" | "user-profile" | "admin-portal-sso-connection" | "api-keys" | "pipes" | "directory-sync";
 type AuthToken = string | (() => Promise<string>);
 interface ElevatedAccess {
     token: string;

package/dist/cjs/index.cjs

@@ -18,6 +18,11 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 __export(index_exports, {
+  AdminPortalAuditLogStreaming: () => import_admin_portal_audit_log_streaming_client.AdminPortalAuditLogStreaming,
+  AdminPortalAuditLogStreamingError: () => import_admin_portal_audit_log_streaming_client.AdminPortalAuditLogStreamingError,
+  AdminPortalAuditLogStreamingLoading: () => import_admin_portal_audit_log_streaming_client.AdminPortalAuditLogStreamingLoading,
+  AdminPortalAuditLogStreamingOpenButton: () => import_admin_portal_audit_log_streaming_client.AdminPortalAuditLogStreamingButton,
+  AdminPortalAuditLogStreamingPresentational: () => import_admin_portal_audit_log_streaming_client.AdminPortalAuditLogStreamingPresentational,
   AdminPortalDomainVerification: () => import_admin_portal_domain_verification_client.AdminPortalDomainVerification,
   AdminPortalDomainVerificationLoading: () => import_admin_portal_domain_verification_client.AdminPortalDomainVerificationLoading,
   AdminPortalSsoConnection: () => import_admin_portal_sso_connection_client.AdminPortalSsoConnection,
@@ -50,12 +55,18 @@ var import_user_security_client = require("./user-security.client.js");
 var import_user_sessions_client = require("./user-sessions.client.js");
 var import_users_management_client = require("./users-management.client.js");
 var import_admin_portal_domain_verification_client = require("./admin-portal-domain-verification.client.js");
+var import_admin_portal_audit_log_streaming_client = require("./admin-portal-audit-log-streaming.client.js");
 var import_api_keys_client = require("./api-keys.client.js");
 var import_pipes_client = require("./pipes.client.js");
 var import_directory_sync_client = require("./directory-sync.client.js");
 var import_intl_context = require("./lib/i18n/intl-context.js");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AdminPortalAuditLogStreaming,
+  AdminPortalAuditLogStreamingError,
+  AdminPortalAuditLogStreamingLoading,
+  AdminPortalAuditLogStreamingOpenButton,
+  AdminPortalAuditLogStreamingPresentational,
   AdminPortalDomainVerification,
   AdminPortalDomainVerificationLoading,
   AdminPortalSsoConnection,

package/dist/cjs/index.cjs.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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCAGO;AACP,0CAIO;AACP,gDAIO;AACP,iCAIO;AACP,kCAIO;AACP,kCAIO;AACP,qCAIO;AACP,qDAIO;AACP,6BAIO;AACP,0BAAqD;AACrD,mCAIO;AACP,0BAAoD;","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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCAGO;AACP,0CAIO;AACP,gDAIO;AACP,iCAIO;AACP,kCAIO;AACP,kCAIO;AACP,qCAIO;AACP,qDAIO;AACP,qDAQO;AACP,6BAIO;AACP,0BAAqD;AACrD,mCAIO;AACP,0BAAoD;","names":[]}

package/dist/cjs/index.d.cts

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

package/dist/cjs/lib/admin-portal-audit-log-streaming.cjs

@@ -0,0 +1,321 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var admin_portal_audit_log_streaming_exports = {};
+__export(admin_portal_audit_log_streaming_exports, {
+  AdminPortalAuditLogStreaming: () => AdminPortalAuditLogStreaming,
+  AdminPortalAuditLogStreamingButton: () => AdminPortalAuditLogStreamingButton,
+  AdminPortalAuditLogStreamingError: () => AdminPortalAuditLogStreamingError,
+  AdminPortalAuditLogStreamingLoading: () => AdminPortalAuditLogStreamingLoading
+});
+module.exports = __toCommonJS(admin_portal_audit_log_streaming_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_themes = require("@radix-ui/themes");
+var CardList = __toESM(require("./card-list.js"), 1);
+var import_elements = require("./elements.js");
+var import_react_icons = require("@radix-ui/react-icons");
+var import_provider_icon = require("./provider-icon.js");
+var import_icon_panel = require("./icon-panel.js");
+var import_audit_log_stream_icons = require("./audit-log-stream-icons.js");
+var import_status = require("./status.js");
+var import_utils = require("./utils.js");
+var import_translation = require("./i18n/translation.js");
+var import_use_translation = require("./i18n/use-translation.js");
+var import_generic_error = require("./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 (0, import_utils.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__ */ (0, import_jsx_runtime.jsx)(
+          import_translation.Translation,
+          {
+            defaultMessage: "Set up Log Streams",
+            id: "s3Wu7U",
+            description: "Button label to start log stream setup"
+          }
+        );
+      case "Inactive":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_translation.Translation,
+          {
+            defaultMessage: "Continue setup",
+            id: "/oM/HY",
+            description: "Button label to continue incomplete log stream setup"
+          }
+        );
+      case "Active":
+      case "Error":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_translation.Translation,
+          {
+            defaultMessage: "Manage",
+            id: "+k5uUi",
+            description: "Button label to manage log stream settings"
+          }
+        );
+    }
+  })();
+  if (href) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.Button, { variant: "secondary", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", { href, target: "_blank", rel: "noopener noreferrer", children: [
+      label,
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.ExternalLinkIcon, { "aria-hidden": true })
+    ] }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_elements.Button,
+    {
+      variant: "secondary",
+      loading: isPending,
+      disabled: isPending,
+      onClick: initConfig,
+      children: [
+        label,
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.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__ */ (0, import_jsx_runtime.jsx)(AdminPortalAuditLogStreamingContext.Provider, { value: { connectionStatus }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardList.Root, { ...getWidgetRootDomProps("resolved", { className }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardList.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { direction: "row", justify: "between", align: "center", gap: "2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Flex, { gap: "4", align: "center", children: connectionStatus === "NotConfigured" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", color: "gray", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_translation.Translation,
+        {
+          defaultMessage: "You haven't set up Log Streams yet.",
+          id: "n4mruE",
+          description: "Empty state message when log streaming is not configured"
+        }
+      ) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon_panel.IconPanel, { color: "panel", children: icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_provider_icon.ProviderIcon, { provider: icon, size: "2" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_audit_log_stream_icons.GenericHttpsIcon, {}) }),
+        lastSyncedAt ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { direction: "column", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", weight: "bold", children: getDestinationName(destinationType) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", color: "gray", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_translation.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__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", weight: "bold", children: getDestinationName(destinationType) })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Flex, { gap: "5", align: "center", children: connectionStatus === "NotConfigured" ? adminPortalOpenButton : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        connectionStatus === "Inactive" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_status.Status, { state: "waiting", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_translation.Translation,
+          {
+            defaultMessage: "Setup in progress",
+            id: "M6iKLG",
+            description: "Status when log stream setup is incomplete"
+          }
+        ) }),
+        connectionStatus === "Active" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_status.Status, { state: "success", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_translation.Translation,
+          {
+            defaultMessage: "Streaming",
+            id: "25L0J+",
+            description: "Status when log stream is active"
+          }
+        ) }),
+        connectionStatus === "Error" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_status.Status, { state: "error", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_translation.Translation,
+          {
+            defaultMessage: "Not streaming",
+            id: "7fAKZo",
+            description: "Status when log stream has an error"
+          }
+        ) }),
+        adminPortalOpenButton
+      ] }) })
+    ] }) }),
+    connectionStatus === "Error" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardList.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { align: "start", gap: "2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Box, { asChild: true, mt: "2px", flexShrink: "0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.InfoCircledIcon, { color: "gray" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", color: "gray", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_translation.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__ */ (0, import_jsx_runtime.jsx)(import_themes.Card, { size: "2", ...getWidgetRootDomProps("loading", props), children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { direction: "row", justify: "between", align: "center", gap: "2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { gap: "4", align: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.Skeleton, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon_panel.IconPanel, { color: "panel", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_provider_icon.ProviderIcon, { provider: "datadog", size: "2" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { direction: "column", gap: "1", my: "-4px", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.Skeleton, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "1", children: "Datadog" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.Skeleton, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "1", children: "Last sync 10 minutes ago" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { gap: "5", align: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.Skeleton, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_status.Status, { state: "success", children: "Streaming" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.Skeleton, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_elements.Button, { variant: "secondary", children: [
+        "Manage ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.ExternalLinkIcon, { "aria-hidden": true })
+      ] }) })
+    ] })
+  ] }) });
+};
+const AdminPortalAuditLogStreamingError = ({ error, ...domProps }) => {
+  React.useEffect(() => {
+    console.error(error);
+  }, [error]);
+  const translate = (0, import_use_translation.useTranslation)();
+  const { heading, message } = (0, import_generic_error.getErrorMessage)(error, translate);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Card, { size: "2", ...getWidgetRootDomProps("error", domProps), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Flex, { direction: "row", justify: "between", align: "center", gap: "2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { gap: "4", align: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_themes.Flex,
+      {
+        align: "center",
+        justify: "center",
+        width: "24px",
+        height: "24px",
+        style: {
+          borderRadius: "9999px",
+          backgroundColor: "var(--red-a4)",
+          color: "var(--red-a11)",
+          flexShrink: 0
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.Cross2Icon, { width: "18px", height: "18px" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { direction: "column", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", weight: "bold", children: heading }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", color: "gray", children: message })
+    ] })
+  ] }) }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AdminPortalAuditLogStreaming,
+  AdminPortalAuditLogStreamingButton,
+  AdminPortalAuditLogStreamingError,
+  AdminPortalAuditLogStreamingLoading
+});
+//# sourceMappingURL=admin-portal-audit-log-streaming.cjs.map