@workos-inc/widgets 1.9.0 → 1.10.0

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/add-mfa-dialog.cjs

@@ -100,7 +100,7 @@ function Content({ onClose, totpFactor }) {
   const securitySettings = (0, import_use_security_settings.useSecuritySettings)();
   const translate = (0, import_use_translation.useTranslation)();
   const [customError, setCustomError] = React.useState(null);
-  const totp = hasQrCode(totpFactor) ? totpFactor.authenticationFactor.totp : void 0;
+  const totp = totpFactor?.authenticationFactor.totp != null && "qr_code" in totpFactor.authenticationFactor.totp ? totpFactor.authenticationFactor.totp : void 0;
   const verifyTotp = (0, import_endpoint.useVerifyTotpFactor)({
     mutation: {
       onSuccess: ({ success }) => {
@@ -229,7 +229,7 @@ function Content({ onClose, totpFactor }) {
                     background: "var(--gray-2)",
                     overflow: "hidden"
                   },
-                  children: totp?.qr_code && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Box, { asChild: true, width: "100%", height: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  children: !!totp?.qr_code && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Box, { asChild: true, width: "100%", height: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                     "img",
                     {
                       alt: translate({
@@ -255,22 +255,28 @@ function Content({ onClose, totpFactor }) {
                     description: "Question asking if user is unable to scan the QR code"
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SecretDialog, { setupKey: totp?.secret ?? "", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_elements.Button,
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  SecretDialog,
                   {
-                    variant: "secondary",
-                    size: "1",
-                    disabled: verifyTotp.isPending || isSuccess,
+                    setupKey: totp && "secret" in totp ? totp.secret : "",
                     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                      import_translation.Translation,
+                      import_elements.Button,
                       {
-                        defaultMessage: "View setup key",
-                        id: "q3eZjH",
-                        description: "Button text to view the manual setup key"
+                        variant: "secondary",
+                        size: "1",
+                        disabled: verifyTotp.isPending || isSuccess,
+                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                          import_translation.Translation,
+                          {
+                            defaultMessage: "View setup key",
+                            id: "q3eZjH",
+                            description: "Button text to view the manual setup key"
+                          }
+                        )
                       }
                     )
                   }
-                ) })
+                )
               ] })
             ] })
           ] }),
@@ -404,10 +410,6 @@ function getMutationErrorMessage(error) {
   }
   return message;
 }
-function hasQrCode(response) {
-  const totp = response?.authenticationFactor.totp;
-  return totp != null && "qr_code" in totp;
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AddMfaDialog

package/dist/cjs/lib/add-mfa-dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/add-mfa-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Box,\n  Code,\n  Flex,\n  Grid,\n  Link,\n  Separator,\n  Text,\n  VisuallyHidden,\n} from \"@radix-ui/themes\";\nimport * as React from \"react\";\nimport { type ReactNode } from \"react\";\nimport * as Otp from \"./otp-input.js\";\nimport { Dialog, Button } from \"./elements.js\";\nimport {\n  CreateTotpFactorResponse,\n  CreateTotpFactorResponseAuthenticationFactorAllOfTotpAnyOf,\n  useCreateTotpFactor,\n  useVerifyTotpFactor,\n} from \"../api/endpoint.js\";\nimport { useElevatedAccessToken } from \"../api/api-provider.js\";\nimport { Form } from \"radix-ui\";\nimport { Marker } from \"./marker.js\";\nimport { CopyButton } from \"./copy-button.js\";\nimport { useSecuritySettings } from \"./use-security-settings.js\";\nimport { ElevatedAccess } from \"./elevated-access.js\";\nimport { SaveButton } from \"./save-button.js\";\nimport { useDialogClose } from \"./use-dialog-close.js\";\nimport { Translation } from \"./i18n/translation.js\";\nimport { useTranslation } from \"./i18n/use-translation.js\";\n\ninterface AddMfaDialogProps extends Dialog.RootProps {\n  children?: ReactNode;\n  onSuccess?: () => void;\n}\n\nexport function AddMfaDialog({\n  children,\n  onSuccess,\n  ...props\n}: AddMfaDialogProps) {\n  const [open, setOpen] = React.useState(false);\n  const [manuallyTriggered, setManuallyTriggered] = React.useState(false);\n  const { elevatedAccess } = useElevatedAccessToken();\n  const createAuthFactor = useCreateTotpFactor();\n\n  const handleVerified = async () => {\n    await createAuthFactor.mutateAsync(undefined);\n  };\n\n  const onTriggerClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    if (elevatedAccess && !createAuthFactor.data) {\n      event.preventDefault();\n      setManuallyTriggered(true);\n      createAuthFactor.mutate(undefined, {\n        onSuccess: () => {\n          setOpen(true);\n        },\n      });\n    } else {\n      setManuallyTriggered(false);\n    }\n  };\n\n  const handleClose = React.useCallback(() => {\n    setOpen(false);\n  }, []);\n\n  return (\n    <Dialog.Root\n      {...props}\n      open={props.open || open}\n      onOpenChange={props.onOpenChange || setOpen}\n    >\n      <Dialog.Trigger\n        onClick={onTriggerClick}\n        // @ts-ignore I've to find a way to pass the loading state to the trigger\n        loading={manuallyTriggered && createAuthFactor.isPending}\n      >\n        {children}\n      </Dialog.Trigger>\n\n      <Dialog.Content maxWidth=\"480px\">\n        <ElevatedAccess onVerified={handleVerified}>\n          <Content onClose={handleClose} totpFactor={createAuthFactor.data} />\n        </ElevatedAccess>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n}\n\ninterface ContentProps {\n  totpFactor?: CreateTotpFactorResponse;\n  onClose?: () => void;\n}\n\nfunction Content({ onClose, totpFactor }: ContentProps) {\n  const securitySettings = useSecuritySettings();\n  const translate = useTranslation();\n\n  const [customError, setCustomError] = React.useState<string | null>(null);\n  const totp = hasQrCode(totpFactor)\n    ? totpFactor.authenticationFactor.totp\n    : undefined;\n\n  const verifyTotp = useVerifyTotpFactor({\n    mutation: {\n      onSuccess: ({ success }) => {\n        if (!success) {\n          setCustomError(\"Invalid passcode\");\n        }\n      },\n    },\n  });\n\n  const serverError = verifyTotp.error || customError;\n  const isSuccess = verifyTotp.isSuccess && !serverError;\n\n  const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    setCustomError(null);\n\n    const formData = new FormData(event.currentTarget);\n    const otpCode = formData.get(\"otp-code\")?.toString();\n\n    verifyTotp.mutate({\n      data: {\n        authenticationChallengeId: totpFactor?.authenticationChallenge.id ?? \"\",\n        code: otpCode ?? \"\",\n      },\n    });\n  };\n\n  useDialogClose(isSuccess, () => {\n    securitySettings.update(\"Mfa\", true);\n  });\n\n  return (\n    <>\n      <Dialog.Title mb=\"5\">\n        <Translation\n          defaultMessage=\"Set up an authenticator app\"\n          id=\"Eu+kuO\"\n          description=\"Title for setting up two-factor authentication\"\n        />\n      </Dialog.Title>\n\n      <Form.Root onSubmit={handleSubmit}>\n        <Grid columns=\"auto 1fr\" rows=\"repeat(4, auto)\" gapX=\"3\" gapY=\"1\">\n          <Grid\n            rows=\"subgrid\"\n            gridRow=\"span 4\"\n            style={{ placeItems: \"center\" }}\n          >\n            {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}\n            <Marker>1</Marker>\n            <Separator\n              orientation=\"vertical\"\n              size=\"4\"\n              style={{ width: \"2px\" }}\n            />\n            {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}\n            <Marker>2</Marker>\n            <div />\n          </Grid>\n\n          <Grid rows=\"subgrid\" gridRow=\"span 4\">\n            <Text as=\"p\" size=\"3\" weight=\"bold\">\n              <Translation\n                defaultMessage=\"Scan the QR code\"\n                id=\"fTSp5u\"\n                description=\"Heading for the QR code scanning step in MFA setup\"\n              />\n            </Text>\n            <Flex direction=\"column\" gap=\"1\">\n              <Text as=\"p\" size=\"2\">\n                <Translation\n                  defaultMessage=\"Use an authenticator app like {onep}, {google}, {authy}, or {microsoft} to scan the QR code below.\"\n                  id=\"8xwdwI\"\n                  description=\"Instructions for scanning the QR code with authenticator apps\"\n                  values={{\n                    onep: (\n                      <Link\n                        href=\"https://1password.com/\"\n                        rel=\"noopener noreferrer\"\n                        target=\"_blank\"\n                        // eslint-disable-next-line formatjs/no-literal-string-in-jsx\n                      >\n                        1Password\n                      </Link>\n                    ),\n                    google: (\n                      <Link\n                        href=\"https://apps.apple.com/us/app/google-authenticator/id388497605\"\n                        rel=\"noopener noreferrer\"\n                        target=\"_blank\"\n                        // eslint-disable-next-line formatjs/no-literal-string-in-jsx\n                      >\n                        Google Authenticator\n                      </Link>\n                    ),\n                    authy: (\n                      <Link\n                        href=\"https://authy.com/\"\n                        rel=\"noopener noreferrer\"\n                        target=\"_blank\"\n                        // eslint-disable-next-line formatjs/no-literal-string-in-jsx\n                      >\n                        Authy\n                      </Link>\n                    ),\n                    microsoft: (\n                      <Link\n                        href=\"https://www.microsoft.com/en-gb/security/mobile-authenticator-app\"\n                        rel=\"noopener noreferrer\"\n                        target=\"_blank\"\n                        // eslint-disable-next-line formatjs/no-literal-string-in-jsx\n                      >\n                        Microsoft Authenticator\n                      </Link>\n                    ),\n                  }}\n                />\n              </Text>\n              <Flex align=\"center\" gap=\"5\" my=\"5\">\n                <Grid\n                  position=\"relative\"\n                  width=\"160px\"\n                  height=\"160px\"\n                  p=\"2\"\n                  style={{\n                    border: \"1px solid var(--gray-7)\",\n                    borderRadius: \"var(--radius-4)\",\n                    background: \"var(--gray-2)\",\n                    overflow: \"hidden\",\n                  }}\n                >\n                  {totp?.qr_code && (\n                    <Box asChild width=\"100%\" height=\"auto\">\n                      <img\n                        alt={translate({\n                          defaultMessage: \"Scan this QR code to enroll\",\n                          description: \"Alt text for QR code image\",\n                          id: \"wpbqFJ\",\n                        })}\n                        aria-describedby=\"secret-note\"\n                        height=\"160\"\n                        src={totp.qr_code}\n                        style={{ userSelect: \"none\", background: \"white\" }}\n                        width=\"160\"\n                      />\n                    </Box>\n                  )}\n                </Grid>\n\n                <Flex direction=\"column\" gap=\"1\" align=\"start\">\n                  <Text color=\"gray\" id=\"secret-note\" size=\"2\">\n                    <Translation\n                      defaultMessage=\"Can't scan the code?\"\n                      id=\"6/cdcS\"\n                      description=\"Question asking if user is unable to scan the QR code\"\n                    />\n                  </Text>\n\n                  <SecretDialog setupKey={totp?.secret ?? \"\"}>\n                    <Button\n                      variant=\"secondary\"\n                      size=\"1\"\n                      disabled={verifyTotp.isPending || isSuccess}\n                    >\n                      <Translation\n                        defaultMessage=\"View setup key\"\n                        id=\"q3eZjH\"\n                        description=\"Button text to view the manual setup key\"\n                      />\n                    </Button>\n                  </SecretDialog>\n                </Flex>\n              </Flex>\n            </Flex>\n            <Text as=\"p\" size=\"3\" weight=\"bold\">\n              <Translation\n                defaultMessage=\"Get verification passcode\"\n                id=\"1kRd2b\"\n                description=\"Heading for entering the verification code step\"\n              />\n            </Text>\n            <Flex direction=\"column\" gap=\"4\">\n              <Text as=\"p\" size=\"2\">\n                <Translation\n                  defaultMessage=\"Enter the 6-digit passcode from your authenticator app.\"\n                  id=\"4/66bS\"\n                  description=\"Instructions for entering the verification passcode\"\n                />\n              </Text>\n\n              <Flex direction=\"column\" gap=\"2\">\n                <Otp.Root\n                  autoSubmit\n                  gap=\"3\"\n                  justify=\"start\"\n                  name=\"otp-code\"\n                  rows=\"48px\"\n                  columns=\"repeat(6, 48px)\"\n                  readOnly={verifyTotp.isPending || isSuccess}\n                >\n                  <Otp.Input required autoFocus autoComplete=\"off\" />\n                  <Otp.Input required />\n                  <Otp.Input required />\n                  <Otp.Input required />\n                  <Otp.Input required />\n                  <Otp.Input required />\n                </Otp.Root>\n\n                {serverError && (\n                  <Text size=\"2\" color=\"red\">\n                    {getMutationErrorMessage(serverError)}\n                  </Text>\n                )}\n              </Flex>\n            </Flex>\n          </Grid>\n        </Grid>\n\n        <Flex mt=\"5\" gap=\"3\" justify=\"end\">\n          <Dialog.Close>\n            <Button\n              variant=\"secondary\"\n              disabled={verifyTotp.isPending || isSuccess}\n            >\n              <Translation\n                defaultMessage=\"Cancel\"\n                id=\"84pAvU\"\n                description=\"Button text to cancel MFA setup\"\n              />\n            </Button>\n          </Dialog.Close>\n\n          <SaveButton\n            type=\"submit\"\n            loading={verifyTotp.isPending}\n            done={isSuccess}\n            onDone={onClose}\n          >\n            <Translation\n              defaultMessage=\"Confirm\"\n              id=\"WHthZi\"\n              description=\"Button text to confirm MFA setup\"\n            />\n          </SaveButton>\n        </Flex>\n      </Form.Root>\n\n      {/* mirror errors in a live region */}\n      <VisuallyHidden asChild>\n        <section aria-live=\"polite\">\n          {getMutationErrorMessage(serverError)}\n        </section>\n      </VisuallyHidden>\n    </>\n  );\n}\n\ninterface SecretDialogProps extends React.PropsWithChildren {\n  setupKey: string;\n}\n\nfunction SecretDialog({ children, setupKey }: SecretDialogProps) {\n  return (\n    <Dialog.Root>\n      <Dialog.Trigger>{children}</Dialog.Trigger>\n      <Dialog.Content\n        maxWidth=\"90vw\"\n        size={{ initial: \"3\", sm: \"4\" }}\n        minWidth=\"300px\"\n        width=\"fit-content\"\n      >\n        <Dialog.Title size=\"2\" weight=\"regular\">\n          <Translation\n            defaultMessage=\"Your setup key\"\n            id=\"LleqNP\"\n            description=\"Title for dialog showing the manual setup key\"\n          />\n        </Dialog.Title>\n        <Dialog.Description>\n          <Text size=\"6\">\n            <Code variant=\"ghost\" style={{ letterSpacing: \"0.15rem\" }}>\n              {setupKey}\n            </Code>\n          </Text>\n        </Dialog.Description>\n\n        <Flex align=\"center\" gap=\"3\" justify=\"end\" mt=\"5\">\n          <Dialog.Close>\n            <CopyButton value={setupKey}>\n              <Translation\n                defaultMessage=\"Copy and close\"\n                id=\"EyjGir\"\n                description=\"Button text to copy setup key and close dialog\"\n              />\n            </CopyButton>\n          </Dialog.Close>\n        </Flex>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n}\n\nfunction getMutationErrorMessage(error: unknown) {\n  let message = \"Something went wrong, please try again\";\n\n  if (typeof error === \"string\") {\n    message = error;\n  }\n\n  if (error instanceof Error) {\n    message = error.message;\n  }\n\n  if (\n    typeof error === \"object\" &&\n    error !== null &&\n    \"message\" in error &&\n    typeof error.message === \"string\"\n  ) {\n    message = error.message;\n  }\n\n  if (message === \"Invalid passcode\") {\n    message = \"Invalid passcode, please try again\";\n  }\n\n  return message;\n}\n\nfunction hasQrCode(\n  response?: CreateTotpFactorResponse,\n): response is CreateTotpFactorResponse & {\n  authenticationFactor: {\n    totp: NonNullable<CreateTotpFactorResponseAuthenticationFactorAllOfTotpAnyOf>;\n  };\n} {\n  const totp = response?.authenticationFactor.totp;\n  return totp != null && \"qr_code\" in totp;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/lib/add-mfa-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Box,\n  Code,\n  Flex,\n  Grid,\n  Link,\n  Separator,\n  Text,\n  VisuallyHidden,\n} from \"@radix-ui/themes\";\nimport * as React from \"react\";\nimport { type ReactNode } from \"react\";\nimport * as Otp from \"./otp-input.js\";\nimport { Dialog, Button } from \"./elements.js\";\nimport {\n  CreateTotpFactorResponse,\n  useCreateTotpFactor,\n  useVerifyTotpFactor,\n} from \"../api/endpoint.js\";\nimport { useElevatedAccessToken } from \"../api/api-provider.js\";\nimport { Form } from \"radix-ui\";\nimport { Marker } from \"./marker.js\";\nimport { CopyButton } from \"./copy-button.js\";\nimport { useSecuritySettings } from \"./use-security-settings.js\";\nimport { ElevatedAccess } from \"./elevated-access.js\";\nimport { SaveButton } from \"./save-button.js\";\nimport { useDialogClose } from \"./use-dialog-close.js\";\nimport { Translation } from \"./i18n/translation.js\";\nimport { useTranslation } from \"./i18n/use-translation.js\";\n\ninterface AddMfaDialogProps extends Dialog.RootProps {\n  children?: ReactNode;\n  onSuccess?: () => void;\n}\n\nexport function AddMfaDialog({\n  children,\n  onSuccess,\n  ...props\n}: AddMfaDialogProps) {\n  const [open, setOpen] = React.useState(false);\n  const [manuallyTriggered, setManuallyTriggered] = React.useState(false);\n  const { elevatedAccess } = useElevatedAccessToken();\n  const createAuthFactor = useCreateTotpFactor();\n\n  const handleVerified = async () => {\n    await createAuthFactor.mutateAsync(undefined);\n  };\n\n  const onTriggerClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    if (elevatedAccess && !createAuthFactor.data) {\n      event.preventDefault();\n      setManuallyTriggered(true);\n      createAuthFactor.mutate(undefined, {\n        onSuccess: () => {\n          setOpen(true);\n        },\n      });\n    } else {\n      setManuallyTriggered(false);\n    }\n  };\n\n  const handleClose = React.useCallback(() => {\n    setOpen(false);\n  }, []);\n\n  return (\n    <Dialog.Root\n      {...props}\n      open={props.open || open}\n      onOpenChange={props.onOpenChange || setOpen}\n    >\n      <Dialog.Trigger\n        onClick={onTriggerClick}\n        // @ts-ignore I've to find a way to pass the loading state to the trigger\n        loading={manuallyTriggered && createAuthFactor.isPending}\n      >\n        {children}\n      </Dialog.Trigger>\n\n      <Dialog.Content maxWidth=\"480px\">\n        <ElevatedAccess onVerified={handleVerified}>\n          <Content onClose={handleClose} totpFactor={createAuthFactor.data} />\n        </ElevatedAccess>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n}\n\ninterface ContentProps {\n  totpFactor?: CreateTotpFactorResponse;\n  onClose?: () => void;\n}\n\nfunction Content({ onClose, totpFactor }: ContentProps) {\n  const securitySettings = useSecuritySettings();\n  const translate = useTranslation();\n\n  const [customError, setCustomError] = React.useState<string | null>(null);\n  const totp =\n    totpFactor?.authenticationFactor.totp != null &&\n    \"qr_code\" in totpFactor.authenticationFactor.totp\n      ? totpFactor.authenticationFactor.totp\n      : undefined;\n\n  const verifyTotp = useVerifyTotpFactor({\n    mutation: {\n      onSuccess: ({ success }) => {\n        if (!success) {\n          setCustomError(\"Invalid passcode\");\n        }\n      },\n    },\n  });\n\n  const serverError = verifyTotp.error || customError;\n  const isSuccess = verifyTotp.isSuccess && !serverError;\n\n  const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    setCustomError(null);\n\n    const formData = new FormData(event.currentTarget);\n    const otpCode = formData.get(\"otp-code\")?.toString();\n\n    verifyTotp.mutate({\n      data: {\n        authenticationChallengeId: totpFactor?.authenticationChallenge.id ?? \"\",\n        code: otpCode ?? \"\",\n      },\n    });\n  };\n\n  useDialogClose(isSuccess, () => {\n    securitySettings.update(\"Mfa\", true);\n  });\n\n  return (\n    <>\n      <Dialog.Title mb=\"5\">\n        <Translation\n          defaultMessage=\"Set up an authenticator app\"\n          id=\"Eu+kuO\"\n          description=\"Title for setting up two-factor authentication\"\n        />\n      </Dialog.Title>\n\n      <Form.Root onSubmit={handleSubmit}>\n        <Grid columns=\"auto 1fr\" rows=\"repeat(4, auto)\" gapX=\"3\" gapY=\"1\">\n          <Grid\n            rows=\"subgrid\"\n            gridRow=\"span 4\"\n            style={{ placeItems: \"center\" }}\n          >\n            {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}\n            <Marker>1</Marker>\n            <Separator\n              orientation=\"vertical\"\n              size=\"4\"\n              style={{ width: \"2px\" }}\n            />\n            {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}\n            <Marker>2</Marker>\n            <div />\n          </Grid>\n\n          <Grid rows=\"subgrid\" gridRow=\"span 4\">\n            <Text as=\"p\" size=\"3\" weight=\"bold\">\n              <Translation\n                defaultMessage=\"Scan the QR code\"\n                id=\"fTSp5u\"\n                description=\"Heading for the QR code scanning step in MFA setup\"\n              />\n            </Text>\n            <Flex direction=\"column\" gap=\"1\">\n              <Text as=\"p\" size=\"2\">\n                <Translation\n                  defaultMessage=\"Use an authenticator app like {onep}, {google}, {authy}, or {microsoft} to scan the QR code below.\"\n                  id=\"8xwdwI\"\n                  description=\"Instructions for scanning the QR code with authenticator apps\"\n                  values={{\n                    onep: (\n                      <Link\n                        href=\"https://1password.com/\"\n                        rel=\"noopener noreferrer\"\n                        target=\"_blank\"\n                        // eslint-disable-next-line formatjs/no-literal-string-in-jsx\n                      >\n                        1Password\n                      </Link>\n                    ),\n                    google: (\n                      <Link\n                        href=\"https://apps.apple.com/us/app/google-authenticator/id388497605\"\n                        rel=\"noopener noreferrer\"\n                        target=\"_blank\"\n                        // eslint-disable-next-line formatjs/no-literal-string-in-jsx\n                      >\n                        Google Authenticator\n                      </Link>\n                    ),\n                    authy: (\n                      <Link\n                        href=\"https://authy.com/\"\n                        rel=\"noopener noreferrer\"\n                        target=\"_blank\"\n                        // eslint-disable-next-line formatjs/no-literal-string-in-jsx\n                      >\n                        Authy\n                      </Link>\n                    ),\n                    microsoft: (\n                      <Link\n                        href=\"https://www.microsoft.com/en-gb/security/mobile-authenticator-app\"\n                        rel=\"noopener noreferrer\"\n                        target=\"_blank\"\n                        // eslint-disable-next-line formatjs/no-literal-string-in-jsx\n                      >\n                        Microsoft Authenticator\n                      </Link>\n                    ),\n                  }}\n                />\n              </Text>\n              <Flex align=\"center\" gap=\"5\" my=\"5\">\n                <Grid\n                  position=\"relative\"\n                  width=\"160px\"\n                  height=\"160px\"\n                  p=\"2\"\n                  style={{\n                    border: \"1px solid var(--gray-7)\",\n                    borderRadius: \"var(--radius-4)\",\n                    background: \"var(--gray-2)\",\n                    overflow: \"hidden\",\n                  }}\n                >\n                  {!!totp?.qr_code && (\n                    <Box asChild width=\"100%\" height=\"auto\">\n                      <img\n                        alt={translate({\n                          defaultMessage: \"Scan this QR code to enroll\",\n                          description: \"Alt text for QR code image\",\n                          id: \"wpbqFJ\",\n                        })}\n                        aria-describedby=\"secret-note\"\n                        height=\"160\"\n                        src={totp.qr_code}\n                        style={{ userSelect: \"none\", background: \"white\" }}\n                        width=\"160\"\n                      />\n                    </Box>\n                  )}\n                </Grid>\n\n                <Flex direction=\"column\" gap=\"1\" align=\"start\">\n                  <Text color=\"gray\" id=\"secret-note\" size=\"2\">\n                    <Translation\n                      defaultMessage=\"Can't scan the code?\"\n                      id=\"6/cdcS\"\n                      description=\"Question asking if user is unable to scan the QR code\"\n                    />\n                  </Text>\n\n                  <SecretDialog\n                    setupKey={totp && \"secret\" in totp ? totp.secret : \"\"}\n                  >\n                    <Button\n                      variant=\"secondary\"\n                      size=\"1\"\n                      disabled={verifyTotp.isPending || isSuccess}\n                    >\n                      <Translation\n                        defaultMessage=\"View setup key\"\n                        id=\"q3eZjH\"\n                        description=\"Button text to view the manual setup key\"\n                      />\n                    </Button>\n                  </SecretDialog>\n                </Flex>\n              </Flex>\n            </Flex>\n            <Text as=\"p\" size=\"3\" weight=\"bold\">\n              <Translation\n                defaultMessage=\"Get verification passcode\"\n                id=\"1kRd2b\"\n                description=\"Heading for entering the verification code step\"\n              />\n            </Text>\n            <Flex direction=\"column\" gap=\"4\">\n              <Text as=\"p\" size=\"2\">\n                <Translation\n                  defaultMessage=\"Enter the 6-digit passcode from your authenticator app.\"\n                  id=\"4/66bS\"\n                  description=\"Instructions for entering the verification passcode\"\n                />\n              </Text>\n\n              <Flex direction=\"column\" gap=\"2\">\n                <Otp.Root\n                  autoSubmit\n                  gap=\"3\"\n                  justify=\"start\"\n                  name=\"otp-code\"\n                  rows=\"48px\"\n                  columns=\"repeat(6, 48px)\"\n                  readOnly={verifyTotp.isPending || isSuccess}\n                >\n                  <Otp.Input required autoFocus autoComplete=\"off\" />\n                  <Otp.Input required />\n                  <Otp.Input required />\n                  <Otp.Input required />\n                  <Otp.Input required />\n                  <Otp.Input required />\n                </Otp.Root>\n\n                {serverError && (\n                  <Text size=\"2\" color=\"red\">\n                    {getMutationErrorMessage(serverError)}\n                  </Text>\n                )}\n              </Flex>\n            </Flex>\n          </Grid>\n        </Grid>\n\n        <Flex mt=\"5\" gap=\"3\" justify=\"end\">\n          <Dialog.Close>\n            <Button\n              variant=\"secondary\"\n              disabled={verifyTotp.isPending || isSuccess}\n            >\n              <Translation\n                defaultMessage=\"Cancel\"\n                id=\"84pAvU\"\n                description=\"Button text to cancel MFA setup\"\n              />\n            </Button>\n          </Dialog.Close>\n\n          <SaveButton\n            type=\"submit\"\n            loading={verifyTotp.isPending}\n            done={isSuccess}\n            onDone={onClose}\n          >\n            <Translation\n              defaultMessage=\"Confirm\"\n              id=\"WHthZi\"\n              description=\"Button text to confirm MFA setup\"\n            />\n          </SaveButton>\n        </Flex>\n      </Form.Root>\n\n      {/* mirror errors in a live region */}\n      <VisuallyHidden asChild>\n        <section aria-live=\"polite\">\n          {getMutationErrorMessage(serverError)}\n        </section>\n      </VisuallyHidden>\n    </>\n  );\n}\n\ninterface SecretDialogProps extends React.PropsWithChildren {\n  setupKey: string;\n}\n\nfunction SecretDialog({ children, setupKey }: SecretDialogProps) {\n  return (\n    <Dialog.Root>\n      <Dialog.Trigger>{children}</Dialog.Trigger>\n      <Dialog.Content\n        maxWidth=\"90vw\"\n        size={{ initial: \"3\", sm: \"4\" }}\n        minWidth=\"300px\"\n        width=\"fit-content\"\n      >\n        <Dialog.Title size=\"2\" weight=\"regular\">\n          <Translation\n            defaultMessage=\"Your setup key\"\n            id=\"LleqNP\"\n            description=\"Title for dialog showing the manual setup key\"\n          />\n        </Dialog.Title>\n        <Dialog.Description>\n          <Text size=\"6\">\n            <Code variant=\"ghost\" style={{ letterSpacing: \"0.15rem\" }}>\n              {setupKey}\n            </Code>\n          </Text>\n        </Dialog.Description>\n\n        <Flex align=\"center\" gap=\"3\" justify=\"end\" mt=\"5\">\n          <Dialog.Close>\n            <CopyButton value={setupKey}>\n              <Translation\n                defaultMessage=\"Copy and close\"\n                id=\"EyjGir\"\n                description=\"Button text to copy setup key and close dialog\"\n              />\n            </CopyButton>\n          </Dialog.Close>\n        </Flex>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n}\n\nfunction getMutationErrorMessage(error: unknown) {\n  let message = \"Something went wrong, please try again\";\n\n  if (typeof error === \"string\") {\n    message = error;\n  }\n\n  if (error instanceof Error) {\n    message = error.message;\n  }\n\n  if (\n    typeof error === \"object\" &&\n    error !== null &&\n    \"message\" in error &&\n    typeof error.message === \"string\"\n  ) {\n    message = error.message;\n  }\n\n  if (message === \"Invalid passcode\") {\n    message = \"Invalid passcode, please try again\";\n  }\n\n  return message;\n}\n"],"mappings":"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","names":[]}

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

package/dist/cjs/lib/admin-portal-audit-log-streaming.cjs.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":[]}