@workos-inc/widgets 1.19.0 → 1.19.1-next.1790792916241

package/dist/cjs/use-now.cjs

@@ -0,0 +1,101 @@
+"use strict";
+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 use_now_exports = {};
+__export(use_now_exports, {
+  useNow: () => useNow
+});
+module.exports = __toCommonJS(use_now_exports);
+var React = __toESM(require("react"), 1);
+const TICK_MS = 6e4;
+let clock = null;
+const listeners = /* @__PURE__ */ new Set();
+let intervalId;
+function getNow() {
+  if (clock === null) {
+    clock = /* @__PURE__ */ new Date();
+  }
+  return clock;
+}
+function getServerNow() {
+  return null;
+}
+function emit(next) {
+  clock = next;
+  for (const listener of listeners) {
+    listener();
+  }
+}
+function startInterval() {
+  if (intervalId !== void 0) {
+    return;
+  }
+  intervalId = window.setInterval(() => {
+    emit(/* @__PURE__ */ new Date());
+  }, TICK_MS);
+}
+function stopInterval() {
+  if (intervalId === void 0) {
+    return;
+  }
+  window.clearInterval(intervalId);
+  intervalId = void 0;
+}
+function handleVisibilityChange() {
+  if (document.hidden) {
+    stopInterval();
+  } else {
+    emit(/* @__PURE__ */ new Date());
+    startInterval();
+  }
+}
+function subscribe(listener) {
+  if (listeners.size === 0) {
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    if (!document.hidden) {
+      startInterval();
+    }
+  }
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+    if (listeners.size === 0) {
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+      stopInterval();
+      clock = null;
+    }
+  };
+}
+function useNow() {
+  return React.useSyncExternalStore(subscribe, getNow, getServerNow);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useNow
+});
+//# sourceMappingURL=use-now.cjs.map

package/dist/cjs/use-now.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/use-now.ts"],"sourcesContent":["import * as React from \"react\";\n\nconst TICK_MS = 60_000;\n\nlet clock: Date | null = null;\nconst listeners = new Set<() => void>();\nlet intervalId: number | undefined;\n\nfunction getNow(): Date {\n  if (clock === null) {\n    clock = new Date();\n  }\n  return clock;\n}\n\nfunction getServerNow(): null {\n  return null;\n}\n\nfunction emit(next: Date) {\n  clock = next;\n  for (const listener of listeners) {\n    listener();\n  }\n}\n\nfunction startInterval() {\n  if (intervalId !== undefined) {\n    return;\n  }\n  intervalId = window.setInterval(() => {\n    emit(new Date());\n  }, TICK_MS);\n}\n\nfunction stopInterval() {\n  if (intervalId === undefined) {\n    return;\n  }\n  window.clearInterval(intervalId);\n  intervalId = undefined;\n}\n\nfunction handleVisibilityChange() {\n  if (document.hidden) {\n    stopInterval();\n  } else {\n    emit(new Date());\n    startInterval();\n  }\n}\n\nfunction subscribe(listener: () => void) {\n  if (listeners.size === 0) {\n    document.addEventListener(\"visibilitychange\", handleVisibilityChange);\n    if (!document.hidden) {\n      startInterval();\n    }\n  }\n  listeners.add(listener);\n\n  return () => {\n    listeners.delete(listener);\n    if (listeners.size === 0) {\n      document.removeEventListener(\"visibilitychange\", handleVisibilityChange);\n      stopInterval();\n      // Drop the cached snapshot so the next mount reads a fresh time\n      // during render, before paint.\n      clock = null;\n    }\n  };\n}\n\nexport function useNow() {\n  return React.useSyncExternalStore(subscribe, getNow, getServerNow);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AAEvB,MAAM,UAAU;AAEhB,IAAI,QAAqB;AACzB,MAAM,YAAY,oBAAI,IAAgB;AACtC,IAAI;AAEJ,SAAS,SAAe;AACtB,MAAI,UAAU,MAAM;AAClB,YAAQ,oBAAI,KAAK;AAAA,EACnB;AACA,SAAO;AACT;AAEA,SAAS,eAAqB;AAC5B,SAAO;AACT;AAEA,SAAS,KAAK,MAAY;AACxB,UAAQ;AACR,aAAW,YAAY,WAAW;AAChC,aAAS;AAAA,EACX;AACF;AAEA,SAAS,gBAAgB;AACvB,MAAI,eAAe,QAAW;AAC5B;AAAA,EACF;AACA,eAAa,OAAO,YAAY,MAAM;AACpC,SAAK,oBAAI,KAAK,CAAC;AAAA,EACjB,GAAG,OAAO;AACZ;AAEA,SAAS,eAAe;AACtB,MAAI,eAAe,QAAW;AAC5B;AAAA,EACF;AACA,SAAO,cAAc,UAAU;AAC/B,eAAa;AACf;AAEA,SAAS,yBAAyB;AAChC,MAAI,SAAS,QAAQ;AACnB,iBAAa;AAAA,EACf,OAAO;AACL,SAAK,oBAAI,KAAK,CAAC;AACf,kBAAc;AAAA,EAChB;AACF;AAEA,SAAS,UAAU,UAAsB;AACvC,MAAI,UAAU,SAAS,GAAG;AACxB,aAAS,iBAAiB,oBAAoB,sBAAsB;AACpE,QAAI,CAAC,SAAS,QAAQ;AACpB,oBAAc;AAAA,IAChB;AAAA,EACF;AACA,YAAU,IAAI,QAAQ;AAEtB,SAAO,MAAM;AACX,cAAU,OAAO,QAAQ;AACzB,QAAI,UAAU,SAAS,GAAG;AACxB,eAAS,oBAAoB,oBAAoB,sBAAsB;AACvE,mBAAa;AAGb,cAAQ;AAAA,IACV;AAAA,EACF;AACF;AAEO,SAAS,SAAS;AACvB,SAAO,MAAM,qBAAqB,WAAW,QAAQ,YAAY;AACnE;","names":[]}

package/dist/cjs/use-now.d.cts

@@ -0,0 +1,3 @@
+declare function useNow(): Date | null;
+
+export { useNow };

package/dist/esm/admin-portal-sso-connection.client.js

@@ -1,13 +1,12 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import * as React from "react";
 import {
   AdminPortalOpenButton,
   AdminPortalSsoConnectionError,
   AdminPortalSsoConnectionLoading,
   AdminPortalSsoConnection as AdminPortalSsoConnectionPresentational
 } from "./lib/admin-portal-sso-connection.js";
-import { ApiProvider, useApiReady } from "./api/api-provider.js";
+import { ApiProvider } from "./api/api-provider.js";
 import {
   clientGraphqlQueryKey,
   useClientGraphqlMutation,
@@ -19,6 +18,7 @@ import {
   openAdminPortalViaForm,
   unreachable
 } from "./lib/utils.js";
+import { useNow } from "./use-now.js";
 const AdminPortalSsoConnection = ({
   authToken,
   ...domProps
@@ -41,14 +41,10 @@ const AdminPortalSsoConnection = ({
   );
 };
 const AdminPortalSsoConnectionImpl = (props) => {
-  const isApiReady = useApiReady();
-  const [currentDate, setCurrentDate] = React.useState(
-    () => isApiReady ? /* @__PURE__ */ new Date() : null
-  );
-  if (isApiReady && currentDate === null) {
-    setCurrentDate(/* @__PURE__ */ new Date());
-  }
-  const { mutate: generateAdminPortalLink, isPending } = useClientGraphqlMutation({
+  const {
+    mutate: generateAdminPortalLink,
+    isPending: isGeneratingAdminPortalLink
+  } = useClientGraphqlMutation({
     mutationFn: (sdk, intent) => sdk.CreateAdminPortalLink({ intent }),
     onSuccess: (data) => {
       openAdminPortalViaForm(data.createAdminPortalLink.link, {
@@ -62,9 +58,6 @@ const AdminPortalSsoConnectionImpl = (props) => {
     queryFn: (sdk) => sdk.ListSsoConnections(),
     select: (data) => data.ssoConnections
   });
-  const initConfig = () => {
-    generateAdminPortalLink("Sso");
-  };
   if (query.isLoading) {
     return /* @__PURE__ */ jsx(AdminPortalSsoConnectionLoading, { ...props });
   }
@@ -72,6 +65,7 @@ const AdminPortalSsoConnectionImpl = (props) => {
     return /* @__PURE__ */ jsx(AdminPortalSsoConnectionError, { error: query.error, ...props });
   }
   if (query.data) {
+    const initConfig = () => generateAdminPortalLink("Sso");
     const connection = query.data[0];
     if (!connection) {
       return /* @__PURE__ */ jsx(
@@ -83,12 +77,11 @@ const AdminPortalSsoConnectionImpl = (props) => {
             {
               ...props,
               connectionStatus: "NotConfigured",
-              currentDate,
               lastSession: null,
               adminPortalOpenButton: /* @__PURE__ */ jsx(
                 AdminPortalOpenButton,
                 {
-                  isPending,
+                  isPending: isGeneratingAdminPortalLink,
                   initConfig
                 }
               )
@@ -97,62 +90,78 @@ const AdminPortalSsoConnectionImpl = (props) => {
         }
       );
     }
-    const connectionState = getConnectionState(connection, currentDate);
-    const statusProps = (() => {
-      const connectionStatus = connectionState.status;
-      if (!connection || connectionStatus === "NotConfigured") {
-        return {
-          connectionStatus: "NotConfigured"
-        };
-      }
-      const identityProvider = getIdentityProvider(connection.type);
-      switch (connectionStatus) {
-        case "Active":
-          return {
-            connectionStatus,
-            identityProvider
-          };
-        case "Inactive":
-          return {
-            connectionStatus,
-            identityProvider
-          };
-        case "Expired":
-        case "Expiring":
-          return {
-            connectionStatus,
-            expiryDate: connectionState.expiryDate,
-            identityProvider
-          };
-        default:
-          return unreachable(connectionState);
-      }
-    })();
-    const lastSession = connection.lastSession ? new Date(connection.lastSession.createdAt) : null;
     return /* @__PURE__ */ jsx(
       ErrorBoundary,
       {
         fallbackRender: ({ error }) => /* @__PURE__ */ jsx(AdminPortalSsoConnectionError, { error, ...props }),
         children: /* @__PURE__ */ jsx(
-          AdminPortalSsoConnectionPresentational,
+          AdminPortalSsoConnectionReady,
           {
             ...props,
-            ...statusProps,
-            currentDate,
-            lastSession,
-            adminPortalOpenButton: /* @__PURE__ */ jsx(
-              AdminPortalOpenButton,
-              {
-                isPending,
-                initConfig
-              }
-            )
+            connection,
+            isGeneratingAdminPortalLink,
+            initConfig
           }
         )
       }
     );
   }
 };
+function AdminPortalSsoConnectionReady({
+  connection,
+  isGeneratingAdminPortalLink,
+  initConfig,
+  ...props
+}) {
+  const currentDate = useNow();
+  const connectionState = getConnectionState(connection, currentDate);
+  const statusProps = (() => {
+    const connectionStatus = connectionState.status;
+    if (connectionStatus === "NotConfigured") {
+      return {
+        connectionStatus: "NotConfigured"
+      };
+    }
+    const identityProvider = getIdentityProvider(connection.type);
+    switch (connectionStatus) {
+      case "Active":
+        return {
+          connectionStatus,
+          identityProvider
+        };
+      case "Inactive":
+        return {
+          connectionStatus,
+          identityProvider
+        };
+      case "Expired":
+      case "Expiring":
+        return {
+          connectionStatus,
+          expiryDate: connectionState.expiryDate,
+          identityProvider
+        };
+      default:
+        return unreachable(connectionState);
+    }
+  })();
+  const lastSession = connection.lastSession ? new Date(connection.lastSession.createdAt) : null;
+  return /* @__PURE__ */ jsx(
+    AdminPortalSsoConnectionPresentational,
+    {
+      ...props,
+      ...statusProps,
+      lastSession,
+      adminPortalOpenButton: /* @__PURE__ */ jsx(
+        AdminPortalOpenButton,
+        {
+          isPending: isGeneratingAdminPortalLink,
+          initConfig
+        }
+      )
+    }
+  );
+}
 function getConnectionState(connection, currentDate) {
   switch (connection.state) {
     case "Active":
@@ -173,14 +182,12 @@ function getConnectionState(connection, currentDate) {
         return activeStatus;
       }
       const expiryDate = new Date(expiryTime);
-      const daysUntilExpiry = (() => {
-        const diff = expiryDate.getTime() - currentDate.getTime();
-        if (diff < 0) {
-          return -1;
-        }
-        return diff / (1e3 * 60 * 60 * 24);
-      })();
-      if (daysUntilExpiry !== -1 && daysUntilExpiry <= 30) {
+      const millisecondsUntilExpiry = expiryDate.getTime() - currentDate.getTime();
+      if (millisecondsUntilExpiry < 0) {
+        return { status: "Expired", expiryDate };
+      }
+      const daysUntilExpiry = millisecondsUntilExpiry / (1e3 * 60 * 60 * 24);
+      if (daysUntilExpiry <= 30) {
         return { status: "Expiring", daysUntilExpiry, expiryDate };
       }
       return activeStatus;

package/dist/esm/admin-portal-sso-connection.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/admin-portal-sso-connection.client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  AdminPortalOpenButton,\n  AdminPortalSsoConnectionError,\n  AdminPortalSsoConnectionLoading,\n  AdminPortalSsoConnection as AdminPortalSsoConnectionPresentational,\n} from \"./lib/admin-portal-sso-connection.js\";\nimport type {\n  AdminPortalSsoConnectionErrorProps,\n  AdminPortalSsoConnectionLoadingProps,\n  AdminPortalSsoConnectionStatusProps,\n} from \"./lib/admin-portal-sso-connection.js\";\nimport { ApiProvider, AuthToken, useApiReady } from \"./api/api-provider.js\";\nimport {\n  clientGraphqlQueryKey,\n  useClientGraphqlMutation,\n  useClientGraphqlQuery,\n} from \"./api/client-graphql/hooks.js\";\nimport type {\n  AdminPortalLinkIntent,\n  ConnectionFieldsFragment,\n  ConnectionType,\n} from \"./api/client-graphql/generated.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport {\n  openAdminPortalViaForm,\n  unreachable,\n  WidgetRootDomProps,\n} from \"./lib/utils.js\";\nimport { IdentityProvider } from \"./lib/identity-providers.js\";\n\ninterface AdminPortalSsoConnectionProps extends WidgetRootDomProps {\n  authToken: AuthToken;\n}\n\nconst AdminPortalSsoConnection: React.FC<AdminPortalSsoConnectionProps> = ({\n  authToken,\n  ...domProps\n}) => {\n  const baseUrl = useWorkOsApiUrl();\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <AdminPortalSsoConnectionError error={error} {...domProps} />\n      )}\n    >\n      <ApiProvider\n        widgetType=\"admin-portal-sso-connection\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <AdminPortalSsoConnectionImpl {...domProps} />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\nconst AdminPortalSsoConnectionImpl = (props: WidgetRootDomProps) => {\n  const isApiReady = useApiReady();\n  const [currentDate, setCurrentDate] = React.useState<Date | null>(() =>\n    isApiReady ? new Date() : null,\n  );\n  if (isApiReady && currentDate === null) {\n    setCurrentDate(new Date());\n  }\n\n  const { mutate: generateAdminPortalLink, isPending } =\n    useClientGraphqlMutation({\n      mutationFn: (sdk, intent: AdminPortalLinkIntent) =>\n        sdk.CreateAdminPortalLink({ intent }),\n      onSuccess: (data) => {\n        openAdminPortalViaForm(data.createAdminPortalLink.link, {\n          target: \"_blank\",\n          rel: \"noopener noreferrer\",\n        });\n      },\n    });\n\n  const query = useClientGraphqlQuery({\n    queryKey: clientGraphqlQueryKey(\"ListSsoConnections\"),\n    queryFn: (sdk) => sdk.ListSsoConnections(),\n    select: (data) => data.ssoConnections,\n  });\n\n  const initConfig = () => {\n    generateAdminPortalLink(\"Sso\");\n  };\n\n  if (query.isLoading) {\n    return <AdminPortalSsoConnectionLoading {...props} />;\n  }\n\n  if (query.isError) {\n    return <AdminPortalSsoConnectionError error={query.error} {...props} />;\n  }\n\n  if (query.data) {\n    const connection = query.data[0];\n    if (!connection) {\n      return (\n        <ErrorBoundary\n          fallbackRender={({ error }) => (\n            <AdminPortalSsoConnectionError error={error} {...props} />\n          )}\n        >\n          <AdminPortalSsoConnectionPresentational\n            {...props}\n            connectionStatus=\"NotConfigured\"\n            currentDate={currentDate}\n            lastSession={null}\n            adminPortalOpenButton={\n              <AdminPortalOpenButton\n                isPending={isPending}\n                initConfig={initConfig}\n              />\n            }\n          />\n        </ErrorBoundary>\n      );\n    }\n\n    const connectionState = getConnectionState(connection, currentDate);\n    const statusProps: AdminPortalSsoConnectionStatusProps = (() => {\n      const connectionStatus = connectionState.status;\n      if (!connection || connectionStatus === \"NotConfigured\") {\n        return {\n          connectionStatus: \"NotConfigured\",\n        } satisfies AdminPortalSsoConnectionStatusProps;\n      }\n\n      const identityProvider = getIdentityProvider(connection.type);\n      switch (connectionStatus) {\n        case \"Active\":\n          return {\n            connectionStatus,\n            identityProvider,\n          } satisfies AdminPortalSsoConnectionStatusProps;\n        case \"Inactive\":\n          return {\n            connectionStatus,\n            identityProvider,\n          } satisfies AdminPortalSsoConnectionStatusProps;\n        case \"Expired\":\n        case \"Expiring\":\n          return {\n            connectionStatus,\n            expiryDate: connectionState.expiryDate,\n            identityProvider,\n          } satisfies AdminPortalSsoConnectionStatusProps;\n        default:\n          return unreachable(connectionState);\n      }\n    })();\n\n    const lastSession = connection.lastSession\n      ? new Date(connection.lastSession.createdAt)\n      : null;\n\n    return (\n      <ErrorBoundary\n        fallbackRender={({ error }) => (\n          <AdminPortalSsoConnectionError error={error} {...props} />\n        )}\n      >\n        <AdminPortalSsoConnectionPresentational\n          {...props}\n          {...statusProps}\n          currentDate={currentDate}\n          lastSession={lastSession}\n          adminPortalOpenButton={\n            <AdminPortalOpenButton\n              isPending={isPending}\n              initConfig={initConfig}\n            />\n          }\n        />\n      </ErrorBoundary>\n    );\n  }\n};\n\ntype ConnectionState =\n  | { status: \"NotConfigured\" }\n  | { status: \"Active\" }\n  | { status: \"Inactive\" }\n  | {\n      status: \"Expiring\";\n      daysUntilExpiry: number | null;\n      expiryDate: Date | null;\n    }\n  | { status: \"Expired\"; expiryDate: Date | null };\n\nfunction getConnectionState(\n  connection: ConnectionFieldsFragment,\n  currentDate: Date | null,\n): ConnectionState {\n  switch (connection.state) {\n    case \"Active\":\n    case \"Validating\":\n    case \"Deleting\": {\n      const activeStatus = { status: \"Active\" } satisfies ConnectionState;\n      if (connection.providerTag !== \"Saml\") {\n        return activeStatus;\n      }\n\n      if (connection.latestExpiredCertificate) {\n        return {\n          status: \"Expired\",\n          expiryDate: connection.latestExpiredCertificate.notAfter\n            ? new Date(connection.latestExpiredCertificate.notAfter)\n            : null,\n        };\n      }\n\n      const expiryTime = connection.latestExpiringCertificate?.notAfter;\n      if (currentDate == null || expiryTime == null) {\n        return activeStatus;\n      }\n\n      const expiryDate = new Date(expiryTime);\n      const daysUntilExpiry = (() => {\n        const diff = expiryDate.getTime() - currentDate.getTime();\n        if (diff < 0) {\n          return -1;\n        }\n\n        return diff / (1000 * 60 * 60 * 24);\n      })();\n\n      if (daysUntilExpiry !== -1 && daysUntilExpiry <= 30) {\n        return { status: \"Expiring\", daysUntilExpiry, expiryDate };\n      }\n\n      return activeStatus;\n    }\n    case \"Inactive\": {\n      return { status: \"Inactive\" };\n    }\n    default:\n      return unreachable(connection.state);\n  }\n}\n\nfunction getIdentityProvider(type: ConnectionType): IdentityProvider {\n  switch (type) {\n    case \"ADFSSAML\":\n    case \"EntraIdOIDC\":\n    case \"MicrosoftOAuth\":\n      return \"microsoft\";\n    case \"Auth0Migration\":\n    case \"Auth0SAML\":\n      return \"auth0\";\n    case \"AzureSAML\":\n      return \"azure\";\n    case \"CasSAML\":\n      return \"cas\";\n    case \"ClassLinkSAML\":\n      return \"classlink\";\n    case \"CloudflareSAML\":\n      return \"cloudflare\";\n    case \"CyberArkSAML\":\n      return \"cyberark\";\n    case \"DuoSAML\":\n      return \"duo\";\n    case \"GenericSAML\":\n      return \"generic-saml\";\n    case \"GoogleSAML\":\n    case \"GoogleOIDC\":\n    case \"GoogleOAuth\":\n      return \"google\";\n    case \"JumpCloudSAML\":\n      return \"jumpcloud\";\n    case \"KeycloakSAML\":\n      return \"keycloak\";\n    case \"LastPassSAML\":\n      return \"lastpass\";\n    case \"MiniOrangeSAML\":\n      return \"miniorange\";\n    case \"NetIqSAML\":\n      return \"net-iq\";\n    case \"OktaOIDC\":\n    case \"OktaSAML\":\n      return \"okta\";\n    case \"OneLoginSAML\":\n      return \"onelogin\";\n    case \"OracleSAML\":\n      return \"oracle\";\n    case \"PingFederateSAML\":\n    case \"PingOneSAML\":\n      return \"ping-identity\";\n    case \"RipplingSAML\":\n      return \"rippling\";\n    case \"SalesforceSAML\":\n    case \"SalesforceOAuth\":\n      return \"salesforce\";\n    case \"ShibbolethGenericSAML\":\n    case \"ShibbolethSAML\":\n      return \"shibboleth\";\n    case \"SimpleSamlPhpSAML\":\n      return \"simple-saml-php\";\n    case \"TestIdp\":\n      return \"test-idp\";\n    case \"VMwareSAML\":\n      return \"vmware\";\n    case \"AdpOidc\":\n      return \"adp\";\n    case \"GenericOIDC\":\n      return \"generic-oidc\";\n    case \"LoginGovOidc\":\n      return \"login-gov\";\n    case \"CleverOIDC\":\n      return \"clever\";\n    case \"AppleOAuth\":\n      return \"apple\";\n    case \"BitbucketOAuth\":\n      return \"bitbucket\";\n    case \"DiscordOAuth\":\n      return \"discord\";\n    case \"GithubOAuth\":\n      return \"github\";\n    case \"GitLabOAuth\":\n      return \"gitlab\";\n    case \"IntuitOAuth\":\n      return \"intuit\";\n    case \"LinkedInOAuth\":\n      return \"linkedin\";\n    case \"SlackOAuth\":\n      return \"slack\";\n    case \"VercelOAuth\":\n    case \"VercelMarketplaceOAuth\":\n      return \"vercel\";\n    case \"XeroOAuth\":\n      return \"xero\";\n    case \"GrokOAuth\":\n    case \"XOAuth\":\n    case \"MagicLink\":\n      return \"workos\";\n    default:\n      return unreachable(type);\n  }\n}\n\nexport type {\n  AdminPortalSsoConnectionProps,\n  AdminPortalSsoConnectionLoadingProps,\n  AdminPortalSsoConnectionErrorProps,\n};\nexport {\n  AdminPortalSsoConnection,\n  AdminPortalSsoConnectionLoading,\n  AdminPortalSsoConnectionError,\n};\n"],"mappings":";AA8CQ;AA5CR,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA,4BAA4B;AAAA,OACvB;AAMP,SAAS,aAAwB,mBAAmB;AACpD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAMP,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAOP,MAAM,2BAAoE,CAAC;AAAA,EACzE;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,UAAU,gBAAgB;AAChC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,oBAAC,iCAA8B,OAAe,GAAG,UAAU;AAAA,MAG7D;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX;AAAA,UACA;AAAA,UAEA,8BAAC,gCAA8B,GAAG,UAAU;AAAA;AAAA,MAC9C;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,+BAA+B,CAAC,UAA8B;AAClE,QAAM,aAAa,YAAY;AAC/B,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM;AAAA,IAAsB,MAChE,aAAa,oBAAI,KAAK,IAAI;AAAA,EAC5B;AACA,MAAI,cAAc,gBAAgB,MAAM;AACtC,mBAAe,oBAAI,KAAK,CAAC;AAAA,EAC3B;AAEA,QAAM,EAAE,QAAQ,yBAAyB,UAAU,IACjD,yBAAyB;AAAA,IACvB,YAAY,CAAC,KAAK,WAChB,IAAI,sBAAsB,EAAE,OAAO,CAAC;AAAA,IACtC,WAAW,CAAC,SAAS;AACnB,6BAAuB,KAAK,sBAAsB,MAAM;AAAA,QACtD,QAAQ;AAAA,QACR,KAAK;AAAA,MACP,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAEH,QAAM,QAAQ,sBAAsB;AAAA,IAClC,UAAU,sBAAsB,oBAAoB;AAAA,IACpD,SAAS,CAAC,QAAQ,IAAI,mBAAmB;AAAA,IACzC,QAAQ,CAAC,SAAS,KAAK;AAAA,EACzB,CAAC;AAED,QAAM,aAAa,MAAM;AACvB,4BAAwB,KAAK;AAAA,EAC/B;AAEA,MAAI,MAAM,WAAW;AACnB,WAAO,oBAAC,mCAAiC,GAAG,OAAO;AAAA,EACrD;AAEA,MAAI,MAAM,SAAS;AACjB,WAAO,oBAAC,iCAA8B,OAAO,MAAM,OAAQ,GAAG,OAAO;AAAA,EACvE;AAEA,MAAI,MAAM,MAAM;AACd,UAAM,aAAa,MAAM,KAAK,CAAC;AAC/B,QAAI,CAAC,YAAY;AACf,aACE;AAAA,QAAC;AAAA;AAAA,UACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,oBAAC,iCAA8B,OAAe,GAAG,OAAO;AAAA,UAG1D;AAAA,YAAC;AAAA;AAAA,cACE,GAAG;AAAA,cACJ,kBAAiB;AAAA,cACjB;AAAA,cACA,aAAa;AAAA,cACb,uBACE;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA;AAAA;AAAA,cACF;AAAA;AAAA,UAEJ;AAAA;AAAA,MACF;AAAA,IAEJ;AAEA,UAAM,kBAAkB,mBAAmB,YAAY,WAAW;AAClE,UAAM,eAAoD,MAAM;AAC9D,YAAM,mBAAmB,gBAAgB;AACzC,UAAI,CAAC,cAAc,qBAAqB,iBAAiB;AACvD,eAAO;AAAA,UACL,kBAAkB;AAAA,QACpB;AAAA,MACF;AAEA,YAAM,mBAAmB,oBAAoB,WAAW,IAAI;AAC5D,cAAQ,kBAAkB;AAAA,QACxB,KAAK;AACH,iBAAO;AAAA,YACL;AAAA,YACA;AAAA,UACF;AAAA,QACF,KAAK;AACH,iBAAO;AAAA,YACL;AAAA,YACA;AAAA,UACF;AAAA,QACF,KAAK;AAAA,QACL,KAAK;AACH,iBAAO;AAAA,YACL;AAAA,YACA,YAAY,gBAAgB;AAAA,YAC5B;AAAA,UACF;AAAA,QACF;AACE,iBAAO,YAAY,eAAe;AAAA,MACtC;AAAA,IACF,GAAG;AAEH,UAAM,cAAc,WAAW,cAC3B,IAAI,KAAK,WAAW,YAAY,SAAS,IACzC;AAEJ,WACE;AAAA,MAAC;AAAA;AAAA,QACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,oBAAC,iCAA8B,OAAe,GAAG,OAAO;AAAA,QAG1D;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACH,GAAG;AAAA,YACJ;AAAA,YACA;AAAA,YACA,uBACE;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA;AAAA,YACF;AAAA;AAAA,QAEJ;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAaA,SAAS,mBACP,YACA,aACiB;AACjB,UAAQ,WAAW,OAAO;AAAA,IACxB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK,YAAY;AACf,YAAM,eAAe,EAAE,QAAQ,SAAS;AACxC,UAAI,WAAW,gBAAgB,QAAQ;AACrC,eAAO;AAAA,MACT;AAEA,UAAI,WAAW,0BAA0B;AACvC,eAAO;AAAA,UACL,QAAQ;AAAA,UACR,YAAY,WAAW,yBAAyB,WAC5C,IAAI,KAAK,WAAW,yBAAyB,QAAQ,IACrD;AAAA,QACN;AAAA,MACF;AAEA,YAAM,aAAa,WAAW,2BAA2B;AACzD,UAAI,eAAe,QAAQ,cAAc,MAAM;AAC7C,eAAO;AAAA,MACT;AAEA,YAAM,aAAa,IAAI,KAAK,UAAU;AACtC,YAAM,mBAAmB,MAAM;AAC7B,cAAM,OAAO,WAAW,QAAQ,IAAI,YAAY,QAAQ;AACxD,YAAI,OAAO,GAAG;AACZ,iBAAO;AAAA,QACT;AAEA,eAAO,QAAQ,MAAO,KAAK,KAAK;AAAA,MAClC,GAAG;AAEH,UAAI,oBAAoB,MAAM,mBAAmB,IAAI;AACnD,eAAO,EAAE,QAAQ,YAAY,iBAAiB,WAAW;AAAA,MAC3D;AAEA,aAAO;AAAA,IACT;AAAA,IACA,KAAK,YAAY;AACf,aAAO,EAAE,QAAQ,WAAW;AAAA,IAC9B;AAAA,IACA;AACE,aAAO,YAAY,WAAW,KAAK;AAAA,EACvC;AACF;AAEA,SAAS,oBAAoB,MAAwC;AACnE,UAAQ,MAAM;AAAA,IACZ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO,YAAY,IAAI;AAAA,EAC3B;AACF;","names":[]}
+{"version":3,"sources":["../../src/admin-portal-sso-connection.client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  AdminPortalOpenButton,\n  AdminPortalSsoConnectionError,\n  AdminPortalSsoConnectionLoading,\n  AdminPortalSsoConnection as AdminPortalSsoConnectionPresentational,\n} from \"./lib/admin-portal-sso-connection.js\";\nimport type {\n  AdminPortalSsoConnectionErrorProps,\n  AdminPortalSsoConnectionLoadingProps,\n  AdminPortalSsoConnectionStatusProps,\n} from \"./lib/admin-portal-sso-connection.js\";\nimport { ApiProvider, AuthToken } from \"./api/api-provider.js\";\nimport {\n  clientGraphqlQueryKey,\n  useClientGraphqlMutation,\n  useClientGraphqlQuery,\n} from \"./api/client-graphql/hooks.js\";\nimport type {\n  AdminPortalLinkIntent,\n  ConnectionFieldsFragment,\n  ConnectionType,\n} from \"./api/client-graphql/generated.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport {\n  openAdminPortalViaForm,\n  unreachable,\n  WidgetRootDomProps,\n} from \"./lib/utils.js\";\nimport { IdentityProvider } from \"./lib/identity-providers.js\";\nimport { useNow } from \"./use-now.js\";\n\ninterface AdminPortalSsoConnectionProps extends WidgetRootDomProps {\n  authToken: AuthToken;\n}\n\nconst AdminPortalSsoConnection: React.FC<AdminPortalSsoConnectionProps> = ({\n  authToken,\n  ...domProps\n}) => {\n  const baseUrl = useWorkOsApiUrl();\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <AdminPortalSsoConnectionError error={error} {...domProps} />\n      )}\n    >\n      <ApiProvider\n        widgetType=\"admin-portal-sso-connection\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <AdminPortalSsoConnectionImpl {...domProps} />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\nconst AdminPortalSsoConnectionImpl = (props: WidgetRootDomProps) => {\n  const {\n    mutate: generateAdminPortalLink,\n    isPending: isGeneratingAdminPortalLink,\n  } = useClientGraphqlMutation({\n    mutationFn: (sdk, intent: AdminPortalLinkIntent) =>\n      sdk.CreateAdminPortalLink({ intent }),\n    onSuccess: (data) => {\n      openAdminPortalViaForm(data.createAdminPortalLink.link, {\n        target: \"_blank\",\n        rel: \"noopener noreferrer\",\n      });\n    },\n  });\n\n  const query = useClientGraphqlQuery({\n    queryKey: clientGraphqlQueryKey(\"ListSsoConnections\"),\n    queryFn: (sdk) => sdk.ListSsoConnections(),\n    select: (data) => data.ssoConnections,\n  });\n\n  if (query.isLoading) {\n    return <AdminPortalSsoConnectionLoading {...props} />;\n  }\n\n  if (query.isError) {\n    return <AdminPortalSsoConnectionError error={query.error} {...props} />;\n  }\n\n  if (query.data) {\n    const initConfig = () => generateAdminPortalLink(\"Sso\");\n    const connection = query.data[0];\n    if (!connection) {\n      return (\n        <ErrorBoundary\n          fallbackRender={({ error }) => (\n            <AdminPortalSsoConnectionError error={error} {...props} />\n          )}\n        >\n          <AdminPortalSsoConnectionPresentational\n            {...props}\n            connectionStatus=\"NotConfigured\"\n            lastSession={null}\n            adminPortalOpenButton={\n              <AdminPortalOpenButton\n                isPending={isGeneratingAdminPortalLink}\n                initConfig={initConfig}\n              />\n            }\n          />\n        </ErrorBoundary>\n      );\n    }\n\n    return (\n      <ErrorBoundary\n        fallbackRender={({ error }) => (\n          <AdminPortalSsoConnectionError error={error} {...props} />\n        )}\n      >\n        <AdminPortalSsoConnectionReady\n          {...props}\n          connection={connection}\n          isGeneratingAdminPortalLink={isGeneratingAdminPortalLink}\n          initConfig={initConfig}\n        />\n      </ErrorBoundary>\n    );\n  }\n};\n\nfunction AdminPortalSsoConnectionReady({\n  connection,\n  isGeneratingAdminPortalLink,\n  initConfig,\n  ...props\n}: WidgetRootDomProps & {\n  connection: ConnectionFieldsFragment;\n  isGeneratingAdminPortalLink: boolean;\n  initConfig: () => void;\n}) {\n  const currentDate = useNow();\n  const connectionState = getConnectionState(connection, currentDate);\n  const statusProps: AdminPortalSsoConnectionStatusProps = (() => {\n    const connectionStatus = connectionState.status;\n    if (connectionStatus === \"NotConfigured\") {\n      return {\n        connectionStatus: \"NotConfigured\",\n      } satisfies AdminPortalSsoConnectionStatusProps;\n    }\n\n    const identityProvider = getIdentityProvider(connection.type);\n    switch (connectionStatus) {\n      case \"Active\":\n        return {\n          connectionStatus,\n          identityProvider,\n        } satisfies AdminPortalSsoConnectionStatusProps;\n      case \"Inactive\":\n        return {\n          connectionStatus,\n          identityProvider,\n        } satisfies AdminPortalSsoConnectionStatusProps;\n      case \"Expired\":\n      case \"Expiring\":\n        return {\n          connectionStatus,\n          expiryDate: connectionState.expiryDate,\n          identityProvider,\n        } satisfies AdminPortalSsoConnectionStatusProps;\n      default:\n        return unreachable(connectionState);\n    }\n  })();\n\n  const lastSession = connection.lastSession\n    ? new Date(connection.lastSession.createdAt)\n    : null;\n\n  return (\n    <AdminPortalSsoConnectionPresentational\n      {...props}\n      {...statusProps}\n      lastSession={lastSession}\n      adminPortalOpenButton={\n        <AdminPortalOpenButton\n          isPending={isGeneratingAdminPortalLink}\n          initConfig={initConfig}\n        />\n      }\n    />\n  );\n}\n\ntype ConnectionState =\n  | { status: \"NotConfigured\" }\n  | { status: \"Active\" }\n  | { status: \"Inactive\" }\n  | {\n      status: \"Expiring\";\n      daysUntilExpiry: number | null;\n      expiryDate: Date | null;\n    }\n  | { status: \"Expired\"; expiryDate: Date | null };\n\nfunction getConnectionState(\n  connection: ConnectionFieldsFragment,\n  currentDate: Date | null,\n): ConnectionState {\n  switch (connection.state) {\n    case \"Active\":\n    case \"Validating\":\n    case \"Deleting\": {\n      const activeStatus = { status: \"Active\" } satisfies ConnectionState;\n      if (connection.providerTag !== \"Saml\") {\n        return activeStatus;\n      }\n\n      if (connection.latestExpiredCertificate) {\n        return {\n          status: \"Expired\",\n          expiryDate: connection.latestExpiredCertificate.notAfter\n            ? new Date(connection.latestExpiredCertificate.notAfter)\n            : null,\n        };\n      }\n\n      const expiryTime = connection.latestExpiringCertificate?.notAfter;\n      if (currentDate == null || expiryTime == null) {\n        return activeStatus;\n      }\n\n      const expiryDate = new Date(expiryTime);\n      const millisecondsUntilExpiry =\n        expiryDate.getTime() - currentDate.getTime();\n\n      // This certificate is the longest-lived one the server still treats as\n      // unexpired. Once `notAfter` passes, the cached query has not yet moved\n      // it to `latestExpiredCertificate`, so derive Expired locally.\n      if (millisecondsUntilExpiry < 0) {\n        return { status: \"Expired\", expiryDate };\n      }\n\n      const daysUntilExpiry = millisecondsUntilExpiry / (1000 * 60 * 60 * 24);\n      if (daysUntilExpiry <= 30) {\n        return { status: \"Expiring\", daysUntilExpiry, expiryDate };\n      }\n\n      return activeStatus;\n    }\n    case \"Inactive\": {\n      return { status: \"Inactive\" };\n    }\n    default:\n      return unreachable(connection.state);\n  }\n}\n\nfunction getIdentityProvider(type: ConnectionType): IdentityProvider {\n  switch (type) {\n    case \"ADFSSAML\":\n    case \"EntraIdOIDC\":\n    case \"MicrosoftOAuth\":\n      return \"microsoft\";\n    case \"Auth0Migration\":\n    case \"Auth0SAML\":\n      return \"auth0\";\n    case \"AzureSAML\":\n      return \"azure\";\n    case \"CasSAML\":\n      return \"cas\";\n    case \"ClassLinkSAML\":\n      return \"classlink\";\n    case \"CloudflareSAML\":\n      return \"cloudflare\";\n    case \"CyberArkSAML\":\n      return \"cyberark\";\n    case \"DuoSAML\":\n      return \"duo\";\n    case \"GenericSAML\":\n      return \"generic-saml\";\n    case \"GoogleSAML\":\n    case \"GoogleOIDC\":\n    case \"GoogleOAuth\":\n      return \"google\";\n    case \"JumpCloudSAML\":\n      return \"jumpcloud\";\n    case \"KeycloakSAML\":\n      return \"keycloak\";\n    case \"LastPassSAML\":\n      return \"lastpass\";\n    case \"MiniOrangeSAML\":\n      return \"miniorange\";\n    case \"NetIqSAML\":\n      return \"net-iq\";\n    case \"OktaOIDC\":\n    case \"OktaSAML\":\n      return \"okta\";\n    case \"OneLoginSAML\":\n      return \"onelogin\";\n    case \"OracleSAML\":\n      return \"oracle\";\n    case \"PingFederateSAML\":\n    case \"PingOneSAML\":\n      return \"ping-identity\";\n    case \"RipplingSAML\":\n      return \"rippling\";\n    case \"SalesforceSAML\":\n    case \"SalesforceOAuth\":\n      return \"salesforce\";\n    case \"ShibbolethGenericSAML\":\n    case \"ShibbolethSAML\":\n      return \"shibboleth\";\n    case \"SimpleSamlPhpSAML\":\n      return \"simple-saml-php\";\n    case \"TestIdp\":\n      return \"test-idp\";\n    case \"VMwareSAML\":\n      return \"vmware\";\n    case \"AdpOidc\":\n      return \"adp\";\n    case \"GenericOIDC\":\n      return \"generic-oidc\";\n    case \"LoginGovOidc\":\n      return \"login-gov\";\n    case \"CleverOIDC\":\n      return \"clever\";\n    case \"AppleOAuth\":\n      return \"apple\";\n    case \"BitbucketOAuth\":\n      return \"bitbucket\";\n    case \"DiscordOAuth\":\n      return \"discord\";\n    case \"GithubOAuth\":\n      return \"github\";\n    case \"GitLabOAuth\":\n      return \"gitlab\";\n    case \"IntuitOAuth\":\n      return \"intuit\";\n    case \"LinkedInOAuth\":\n      return \"linkedin\";\n    case \"SlackOAuth\":\n      return \"slack\";\n    case \"VercelOAuth\":\n    case \"VercelMarketplaceOAuth\":\n      return \"vercel\";\n    case \"XeroOAuth\":\n      return \"xero\";\n    case \"GrokOAuth\":\n    case \"XOAuth\":\n    case \"MagicLink\":\n      return \"workos\";\n    default:\n      return unreachable(type);\n  }\n}\n\nexport type {\n  AdminPortalSsoConnectionProps,\n  AdminPortalSsoConnectionLoadingProps,\n  AdminPortalSsoConnectionErrorProps,\n};\nexport {\n  AdminPortalSsoConnection,\n  AdminPortalSsoConnectionLoading,\n  AdminPortalSsoConnectionError,\n};\n"],"mappings":"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","names":[]}

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

@@ -19,6 +19,7 @@ import {
 import { Translation } from "./i18n/translation.js";
 import { useTranslation } from "./i18n/use-translation.js";
 import { getErrorMessage } from "./generic-error.js";
+import { useComparativeReadableDate } from "../use-comparative-readable-date.js";
 const AdminPortalAuditLogStreamingContext = React.createContext(null);
 function useAdminPortalAuditLogStreamingContext() {
   const context = React.useContext(AdminPortalAuditLogStreamingContext);
@@ -82,22 +83,6 @@ function decodeUlidTimestamp(ulid) {
   }
   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,
@@ -164,6 +149,9 @@ const AdminPortalAuditLogStreaming = (props) => {
   const lastSyncedEventId = connectionStatus === "Active" || connectionStatus === "Error" ? props.lastSyncedEventId : void 0;
   const lastSyncedAt = lastSyncedEventId ? decodeUlidTimestamp(lastSyncedEventId) : null;
   const icon = destinationType ? getDestinationIcon(destinationType) : null;
+  const relativeTime = useComparativeReadableDate({
+    date: lastSyncedAt
+  });
   return /* @__PURE__ */ jsx(AdminPortalAuditLogStreamingContext.Provider, { value: { connectionStatus }, children: /* @__PURE__ */ jsxs(CardList.Root, { ...getWidgetRootDomProps("resolved", { className }), children: [
     /* @__PURE__ */ jsx(CardList.Item, { children: /* @__PURE__ */ jsxs(Flex, { direction: "row", justify: "between", align: "center", gap: "2", children: [
       /* @__PURE__ */ jsx(Flex, { gap: "4", align: "center", children: connectionStatus === "NotConfigured" ? /* @__PURE__ */ jsx(Text, { size: "2", color: "gray", children: /* @__PURE__ */ jsx(
@@ -183,12 +171,7 @@ const AdminPortalAuditLogStreaming = (props) => {
               defaultMessage: "Last sync {relativeTime}",
               id: "fT9f0p",
               description: "Label showing when the last log stream sync occurred",
-              values: {
-                relativeTime: getRelativeTimeString(
-                  /* @__PURE__ */ new Date(),
-                  lastSyncedAt
-                )
-              }
+              values: { relativeTime }
             }
           ) })
         ] }) : /* @__PURE__ */ jsx(Text, { size: "2", weight: "bold", children: getDestinationName(destinationType) })

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

@@ -1 +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/client-graphql/generated.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":[]}
+{"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/client-graphql/generated.js\";\nimport { useComparativeReadableDate } from \"../use-comparative-readable-date.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 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  const relativeTime = useComparativeReadableDate({\n    date: lastSyncedAt,\n  });\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={{ relativeTime }}\n                        />\n                      </Text>\n                    </Flex>\n                  ) : (\n                    <Text size=\"2\" weight=\"bold\">\n                      {getDestinationName(destinationType!)}\n                    </Text>\n                  )}\n                </>\n              )}\n            </Flex>\n\n            <Flex gap=\"5\" align=\"center\">\n              {connectionStatus === \"NotConfigured\" ? (\n                adminPortalOpenButton\n              ) : (\n                <>\n                  {connectionStatus === \"Inactive\" && (\n                    <Status state=\"waiting\">\n                      <Translation\n                        defaultMessage=\"Setup in progress\"\n                        id=\"M6iKLG\"\n                        description=\"Status when log stream setup is incomplete\"\n                      />\n                    </Status>\n                  )}\n                  {connectionStatus === \"Active\" && (\n                    <Status state=\"success\">\n                      <Translation\n                        defaultMessage=\"Streaming\"\n                        id=\"25L0J+\"\n                        description=\"Status when log stream is active\"\n                      />\n                    </Status>\n                  )}\n                  {connectionStatus === \"Error\" && (\n                    <Status state=\"error\">\n                      <Translation\n                        defaultMessage=\"Not streaming\"\n                        id=\"7fAKZo\"\n                        description=\"Status when log stream has an error\"\n                      />\n                    </Status>\n                  )}\n                  {adminPortalOpenButton}\n                </>\n              )}\n            </Flex>\n          </Flex>\n        </CardList.Item>\n\n        {connectionStatus === \"Error\" && (\n          <CardList.Item>\n            <Flex align=\"start\" gap=\"2\">\n              <Box asChild mt=\"2px\" flexShrink=\"0\">\n                <InfoCircledIcon color=\"gray\" />\n              </Box>\n              <Text size=\"2\" color=\"gray\">\n                <Translation\n                  defaultMessage=\"The credentials provided are incorrect or missing. Please review and update your log stream configuration.\"\n                  id=\"23tmgn\"\n                  description=\"Error message shown when audit log stream has a configuration or delivery error\"\n                />\n              </Text>\n            </Flex>\n          </CardList.Item>\n        )}\n      </CardList.Root>\n    </AdminPortalAuditLogStreamingContext.Provider>\n  );\n};\n\n// ============================================================================\n// LOADING COMPONENT\n// ============================================================================\n\ninterface AdminPortalAuditLogStreamingLoadingProps extends WidgetRootDomProps {}\n\nconst AdminPortalAuditLogStreamingLoading: React.FC<\n  AdminPortalAuditLogStreamingLoadingProps\n> = (props) => {\n  return (\n    <Card size=\"2\" {...getWidgetRootDomProps(\"loading\", props)}>\n      <Flex direction=\"row\" justify=\"between\" align=\"center\" gap=\"2\">\n        <Flex gap=\"4\" align=\"center\">\n          <Skeleton>\n            <IconPanel color=\"panel\">\n              <ProviderIcon provider=\"datadog\" size=\"2\" />\n            </IconPanel>\n          </Skeleton>\n          <Flex direction=\"column\" gap=\"1\" my=\"-4px\">\n            <Skeleton>\n              {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}\n              <Text size=\"1\">Datadog</Text>\n            </Skeleton>\n            <Skeleton>\n              {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}\n              <Text size=\"1\">Last sync 10 minutes ago</Text>\n            </Skeleton>\n          </Flex>\n        </Flex>\n\n        <Flex gap=\"5\" align=\"center\">\n          <Skeleton>\n            {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}\n            <Status state=\"success\">Streaming</Status>\n          </Skeleton>\n          <Skeleton>\n            {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}\n            <Button variant=\"secondary\">\n              Manage <ExternalLinkIcon aria-hidden />\n            </Button>\n          </Skeleton>\n        </Flex>\n      </Flex>\n    </Card>\n  );\n};\n\n// ============================================================================\n// ERROR COMPONENT\n// ============================================================================\n\ninterface AdminPortalAuditLogStreamingErrorProps extends WidgetRootDomProps {\n  error: unknown;\n}\n\nconst AdminPortalAuditLogStreamingError: React.FC<\n  AdminPortalAuditLogStreamingErrorProps\n> = ({ error, ...domProps }) => {\n  React.useEffect(() => {\n    console.error(error);\n  }, [error]);\n\n  const translate = useTranslation();\n  const { heading, message } = getErrorMessage(error, translate);\n\n  return (\n    <Card size=\"2\" {...getWidgetRootDomProps(\"error\", domProps)}>\n      <Flex direction=\"row\" justify=\"between\" align=\"center\" gap=\"2\">\n        <Flex gap=\"4\" align=\"center\">\n          {/* Error icon circle */}\n          <Flex\n            align=\"center\"\n            justify=\"center\"\n            width=\"24px\"\n            height=\"24px\"\n            style={{\n              borderRadius: \"9999px\",\n              backgroundColor: \"var(--red-a4)\",\n              color: \"var(--red-a11)\",\n              flexShrink: 0,\n            }}\n          >\n            <Cross2Icon width=\"18px\" height=\"18px\" />\n          </Flex>\n          {/* Error text */}\n          <Flex direction=\"column\">\n            <Text size=\"2\" weight=\"bold\">\n              {heading}\n            </Text>\n            <Text size=\"2\" color=\"gray\">\n              {message}\n            </Text>\n          </Flex>\n        </Flex>\n      </Flex>\n    </Card>\n  );\n};\n\n// ============================================================================\n// EXPORTS\n// ============================================================================\n\nexport type {\n  AdminPortalAuditLogStreamingProps,\n  AdminPortalAuditLogStreamingLoadingProps,\n  AdminPortalAuditLogStreamingErrorProps,\n};\n\nexport {\n  AdminPortalAuditLogStreaming,\n  AdminPortalAuditLogStreamingLoading,\n  AdminPortalAuditLogStreamingError,\n  /** @internal */\n  AdminPortalAuditLogStreamingButton,\n};\n"],"mappings":"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","names":[]}

package/dist/esm/lib/admin-portal-sso-connection.d.ts

@@ -36,7 +36,6 @@ interface RequiresActionProps {
 }
 type AdminPortalSsoConnectionStatusProps = NotConfiguredProps | InactiveProps | ActiveProps | RequiresActionProps;
 type AdminPortalSsoConnectionProps = WidgetRootDomProps & AdminPortalSsoConnectionStatusProps & {
-    currentDate: Date | null;
     lastSession: Date | null;
     adminPortalOpenButton: React.ReactNode;
 };