@workos-inc/widgets 1.4.2 → 1.5.0

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

@@ -1,5 +1,7 @@
-import * as React from "react";
-import { type IdentityProvider } from "./identity-providers.js";
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { IdentityProvider } from './identity-providers.js';
+
 interface NotConfiguredProps {
     connectionStatus: "NotConfigured";
     identityProvider?: never;
@@ -20,21 +22,21 @@ interface RequiresActionProps {
     identityProvider: IdentityProvider;
     expiryDate: Date | null;
 }
-export type AdminPortalSsoConnectionStatusProps = NotConfiguredProps | InactiveProps | ActiveProps | RequiresActionProps;
-export type AdminPortalSsoConnectionProps = AdminPortalSsoConnectionStatusProps & {
+type AdminPortalSsoConnectionStatusProps = NotConfiguredProps | InactiveProps | ActiveProps | RequiresActionProps;
+type AdminPortalSsoConnectionProps = AdminPortalSsoConnectionStatusProps & {
     currentDate: Date | null;
     lastSession: Date | null;
     adminPortalOpenButton: React.ReactNode;
 };
-export declare const AdminPortalSsoConnection: ({ currentDate, connectionStatus, identityProvider, expiryDate, lastSession, adminPortalOpenButton, }: AdminPortalSsoConnectionProps) => import("react/jsx-runtime").JSX.Element;
-export declare function AdminPortalOpenButton({ isPending, href, initConfig, }: {
+declare const AdminPortalSsoConnection: ({ currentDate, connectionStatus, identityProvider, expiryDate, lastSession, adminPortalOpenButton, }: AdminPortalSsoConnectionProps) => react_jsx_runtime.JSX.Element;
+declare function AdminPortalOpenButton({ isPending, href, initConfig, }: {
     isPending: boolean;
     href: string | null;
     initConfig: () => void;
-}): import("react/jsx-runtime").JSX.Element;
-export declare const AdminPortalSsoConnectionLoading: React.FC;
-export declare function AdminPortalSsoConnectionError({ error }: {
+}): react_jsx_runtime.JSX.Element;
+declare const AdminPortalSsoConnectionLoading: React.FC;
+declare function AdminPortalSsoConnectionError({ error }: {
     error: unknown;
-}): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=admin-portal-sso-connection.d.ts.map
+}): react_jsx_runtime.JSX.Element;
+
+export { AdminPortalOpenButton, AdminPortalSsoConnection, AdminPortalSsoConnectionError, AdminPortalSsoConnectionLoading, type AdminPortalSsoConnectionProps, type AdminPortalSsoConnectionStatusProps };

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

@@ -1,13 +1,19 @@
 "use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Box, Button, Card, Flex, Text } from "@radix-ui/themes";
 import { Skeleton } from "./elements.js";
 import { IconPanel } from "./icon-panel.js";
-import { ExternalLinkIcon, InfoCircledIcon, Cross2Icon, } from "@radix-ui/react-icons";
+import {
+  ExternalLinkIcon,
+  InfoCircledIcon,
+  Cross2Icon
+} from "@radix-ui/react-icons";
 import * as CardList from "../card-list.js";
 import { ProviderIcon } from "./provider-icon.js";
-import { getIdentityProviderName, } from "./identity-providers.js";
+import {
+  getIdentityProviderName
+} from "./identity-providers.js";
 import { Status } from "./status.js";
 import { unreachable } from "./utils.js";
 import clsx from "clsx";
@@ -15,162 +21,283 @@ import { ApiError, FetchError, NoAuthTokenError } from "./errors.js";
 const AdminPortalSsoConnectionContext = React.createContext(null);
 AdminPortalSsoConnectionContext.displayName = "AdminPortalSsoConnectionContext";
 function useAdminPortalSsoConnectionContext() {
-    const context = React.useContext(AdminPortalSsoConnectionContext);
-    if (!context) {
-        throw new Error("useAdminPortalSsoConnectionContext must be used within a AdminPortalSsoConnectionContext provider");
-    }
-    return context;
-}
-export const AdminPortalSsoConnection = ({ currentDate, connectionStatus, identityProvider, expiryDate, lastSession, adminPortalOpenButton, }) => {
-    return (_jsx(CardList.Root, { size: "2", className: clsx("woswidgets-widget"), "data-woswidgets-widget-id": "admin-portal-sso-connection", children: _jsxs(AdminPortalSsoConnectionContext.Provider, { value: { connectionStatus }, children: [_jsx(CardList.Item, { children: _jsx(Flex, { direction: "row", justify: "between", align: "center", gap: "2", children: (() => {
-                            if (connectionStatus === "NotConfigured") {
-                                return (_jsxs(_Fragment, { children: [_jsx(Text, { size: "2", color: "gray", ml: "2", children: "You haven\u2019t set up Single Sign-On yet." }), adminPortalOpenButton] }));
-                            }
-                            return (_jsxs(_Fragment, { children: [_jsx(SessionInfo, { connectionStatus: connectionStatus, identityProvider: identityProvider, lastSession: lastSession, currentDate: currentDate }), _jsxs(Flex, { gap: "5", align: "center", children: [_jsx(SsoStatus, { status: connectionStatus }), adminPortalOpenButton] })] }));
-                        })() }) }), connectionStatus === "Expired" && (_jsx(CardList.Item, { children: _jsxs(Flex, { align: "start", gap: "2", children: [_jsx(Box, { asChild: true, mt: "2px", flexShrink: "0", children: _jsx(InfoCircledIcon, { color: "gray" }) }), (() => {
-                                if (connectionStatus === "Expired") {
-                                    return (_jsxs(Text, { size: "2", color: "gray", children: [(() => {
-                                                if (!expiryDate) {
-                                                    return "The SAML response signing certificate has expired";
-                                                }
-                                                return (_jsxs(_Fragment, { children: ["The SAML response signing certificate expired on", " ", _jsx(Text, { weight: "bold", as: "span", children: expiryDate?.toLocaleString("en-US", {
-                                                                month: "long",
-                                                                day: "numeric",
-                                                                year: "numeric",
-                                                            }) })] }));
-                                            })(), ". Users won\u2019t be able to sign-in to the application until the certificate is renewed."] }));
-                                }
-                                if (connectionStatus === "Expiring") {
-                                    return (_jsxs(Text, { size: "2", color: "gray", children: [(() => {
-                                                if (!expiryDate) {
-                                                    return "The SAML response signing certificate is expiring soon";
-                                                }
-                                                return (_jsxs(_Fragment, { children: ["The SAML response signing certificate will expire on", " ", _jsx(Text, { weight: "bold", as: "span", children: expiryDate?.toLocaleString("en-US", {
-                                                                month: "long",
-                                                                day: "numeric",
-                                                                year: "numeric",
-                                                            }) })] }));
-                                            })(), ". When expired, users won\u2019t be able to sign-in."] }));
-                                }
-                            })()] }) }))] }) }));
-};
-function SsoStatus({ status, }) {
-    if (status === "NotConfigured") {
-        return null;
-    }
-    if (status === "Inactive") {
-        return _jsx(Status, { state: "waiting", children: "Setup in progress" });
-    }
-    if (status === "Expired") {
-        return _jsx(Status, { state: "error", children: "Requires action" });
-    }
-    if (status === "Active" || status === "Expiring") {
-        return _jsx(Status, { state: "success", children: "Connected" });
-    }
-    return unreachable(status);
-}
-function SessionInfo({ currentDate, identityProvider, lastSession, connectionStatus, }) {
-    const relativeTimeString = React.useMemo(() => {
-        if (!lastSession ||
-            !currentDate ||
-            connectionStatus === "NotConfigured" ||
-            connectionStatus === "Inactive") {
-            return null;
-        }
-        return getRelativeTimeString(currentDate, lastSession);
-    }, [lastSession, currentDate, connectionStatus]);
-    return (_jsxs(Flex, { gap: "4", align: "center", children: [_jsx(IconPanel, { color: "panel", children: _jsx(ProviderIcon, { provider: identityProvider, size: "2" }) }), lastSession ? (_jsxs(Flex, { direction: "column", children: [_jsx(Text, { size: "2", weight: "bold", children: getIdentityProviderName(identityProvider) }), relativeTimeString ? (_jsxs(Text, { color: "gray", size: "2", children: ["Last session ", relativeTimeString] })) : null] })) : (_jsx(Text, { size: "2", weight: "bold", children: getIdentityProviderName(identityProvider) }))] }));
+  const context = React.useContext(AdminPortalSsoConnectionContext);
+  if (!context) {
+    throw new Error(
+      "useAdminPortalSsoConnectionContext must be used within a AdminPortalSsoConnectionContext provider"
+    );
+  }
+  return context;
 }
-export function AdminPortalOpenButton({ isPending, href, initConfig, }) {
-    const { connectionStatus } = useAdminPortalSsoConnectionContext();
-    const label = (() => {
-        switch (connectionStatus) {
-            case "NotConfigured":
-                return "Set up SSO";
-            case "Inactive":
-                return "Continue setup";
-            case "Active":
-            case "Expiring":
-            case "Expired":
-                return "Manage";
-            default:
-                return unreachable(connectionStatus);
-        }
-    })();
-    if (href) {
-        return (_jsx(Button, { variant: "outline", color: "gray", asChild: true, children: _jsxs("a", { href: href, target: "_blank", rel: "noopener noreferrer", children: [label, " ", _jsx(ExternalLinkIcon, {})] }) }));
+const AdminPortalSsoConnection = ({
+  currentDate,
+  connectionStatus,
+  identityProvider,
+  expiryDate,
+  lastSession,
+  adminPortalOpenButton
+}) => {
+  return /* @__PURE__ */ jsx(
+    CardList.Root,
+    {
+      size: "2",
+      className: clsx("woswidgets-widget"),
+      "data-woswidgets-widget-id": "admin-portal-sso-connection",
+      children: /* @__PURE__ */ jsxs(AdminPortalSsoConnectionContext.Provider, { value: { connectionStatus }, children: [
+        /* @__PURE__ */ jsx(CardList.Item, { children: /* @__PURE__ */ jsx(Flex, { direction: "row", justify: "between", align: "center", gap: "2", children: (() => {
+          if (connectionStatus === "NotConfigured") {
+            return /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Text, { size: "2", color: "gray", ml: "2", children: "You haven\u2019t set up Single Sign-On yet." }),
+              adminPortalOpenButton
+            ] });
+          }
+          return /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              SessionInfo,
+              {
+                connectionStatus,
+                identityProvider,
+                lastSession,
+                currentDate
+              }
+            ),
+            /* @__PURE__ */ jsxs(Flex, { gap: "5", align: "center", children: [
+              /* @__PURE__ */ jsx(SsoStatus, { status: connectionStatus }),
+              adminPortalOpenButton
+            ] })
+          ] });
+        })() }) }),
+        connectionStatus === "Expired" && /* @__PURE__ */ jsx(CardList.Item, { children: /* @__PURE__ */ jsxs(Flex, { align: "start", gap: "2", children: [
+          /* @__PURE__ */ jsx(Box, { asChild: true, mt: "2px", flexShrink: "0", children: /* @__PURE__ */ jsx(InfoCircledIcon, { color: "gray" }) }),
+          (() => {
+            if (connectionStatus === "Expired") {
+              return /* @__PURE__ */ jsxs(Text, { size: "2", color: "gray", children: [
+                (() => {
+                  if (!expiryDate) {
+                    return "The SAML response signing certificate has expired";
+                  }
+                  return /* @__PURE__ */ jsxs(Fragment, { children: [
+                    "The SAML response signing certificate expired on",
+                    " ",
+                    /* @__PURE__ */ jsx(Text, { weight: "bold", as: "span", children: expiryDate?.toLocaleString("en-US", {
+                      month: "long",
+                      day: "numeric",
+                      year: "numeric"
+                    }) })
+                  ] });
+                })(),
+                ". Users won\u2019t be able to sign-in to the application until the certificate is renewed."
+              ] });
+            }
+            if (connectionStatus === "Expiring") {
+              return /* @__PURE__ */ jsxs(Text, { size: "2", color: "gray", children: [
+                (() => {
+                  if (!expiryDate) {
+                    return "The SAML response signing certificate is expiring soon";
+                  }
+                  return /* @__PURE__ */ jsxs(Fragment, { children: [
+                    "The SAML response signing certificate will expire on",
+                    " ",
+                    /* @__PURE__ */ jsx(Text, { weight: "bold", as: "span", children: expiryDate?.toLocaleString("en-US", {
+                      month: "long",
+                      day: "numeric",
+                      year: "numeric"
+                    }) })
+                  ] });
+                })(),
+                ". When expired, users won\u2019t be able to sign-in."
+              ] });
+            }
+          })()
+        ] }) })
+      ] })
     }
-    return (_jsxs(Button, { variant: "outline", color: "gray", loading: isPending, disabled: isPending, onClick: initConfig, children: [label, " ", _jsx(ExternalLinkIcon, {})] }));
-}
-export const AdminPortalSsoConnectionLoading = () => {
-    return (_jsx(Card, { size: "2", children: _jsxs(Flex, { direction: "row", justify: "between", align: "center", gap: "2", children: [_jsxs(Flex, { gap: "4", align: "center", children: [_jsx(Skeleton, { children: _jsx(IconPanel, { color: "panel", children: _jsx(ProviderIcon, { provider: "okta", size: "2" }) }) }), _jsxs(Flex, { direction: "column", gap: "1", my: "-4px", children: [_jsx(Skeleton, { children: _jsx(Text, { size: "1", children: "Okta" }) }), _jsx(Skeleton, { children: _jsx(Text, { size: "1", children: "Last session 10 minutes ago" }) })] })] }), _jsxs(Flex, { gap: "5", align: "center", children: [_jsx(Skeleton, { children: _jsx(Status, { state: "error", children: "Requires action" }) }), _jsx(Skeleton, { children: _jsxs(Button, { variant: "outline", color: "gray", children: ["Manage ", _jsx(ExternalLinkIcon, {})] }) })] })] }) }));
+  );
 };
-export function AdminPortalSsoConnectionError({ error }) {
-    React.useEffect(() => {
-        console.error(error);
-    }, [error]);
-    const { heading, message } = (() => {
-        if (error instanceof FetchError) {
-            return {
-                heading: "Error fetching data",
-                message: "An error occurred. You may need to configure CORS in the WorkOS Dashboard. " +
-                    "Contact your organization admin for support.",
-            };
-        }
-        if (error instanceof NoAuthTokenError) {
-            return {
-                heading: "Error fetching data",
-                message: "Authorization error. You likely forgot to provide an authorization " +
-                    "token to the Users Management Widget.",
-            };
-        }
-        if (error instanceof ApiError && error.status === 404) {
-            // The widgets API treats all authorization errors as 404s. If there is a
-            // legitimate 404, it's a bug on our end but there's currently no way to
-            // distinguish between the two.
-            return {
-                heading: "Error fetching data",
-                message: "Authorization error. Contact your organization admin for support.",
-            };
-        }
-        return {
-            heading: "Unknown error",
-            message: "An unexpected error occurred. Please try refreshing the page, or contact your organization admin for support.",
-        };
-    })();
-    return (_jsx(Card, { size: "2", children: _jsx(Flex, { direction: "row", justify: "between", align: "center", gap: "2", children: _jsxs(Flex, { gap: "4", align: "center", children: [_jsx(Flex, { align: "center", justify: "center", width: "24px", height: "24px", style: {
-                            borderRadius: "9999px",
-                            backgroundColor: "var(--red-a4)",
-                            color: "var(--red-a11)",
-                        }, children: _jsx(Cross2Icon, { width: "18px", height: "18px" }) }), _jsxs(Flex, { direction: "column", children: [_jsx(Text, { size: "2", weight: "bold", children: heading }), _jsx(Text, { size: "2", color: "gray", children: message })] })] }) }) }));
+function SsoStatus({
+  status
+}) {
+  if (status === "NotConfigured") {
+    return null;
+  }
+  if (status === "Inactive") {
+    return /* @__PURE__ */ jsx(Status, { state: "waiting", children: "Setup in progress" });
+  }
+  if (status === "Expired") {
+    return /* @__PURE__ */ jsx(Status, { state: "error", children: "Requires action" });
+  }
+  if (status === "Active" || status === "Expiring") {
+    return /* @__PURE__ */ jsx(Status, { state: "success", children: "Connected" });
+  }
+  return unreachable(status);
 }
-function getRelativeTimeString(currentDate, lastSession) {
-    if (!currentDate || !lastSession) {
-        return null;
+function SessionInfo({
+  currentDate,
+  identityProvider,
+  lastSession,
+  connectionStatus
+}) {
+  const relativeTimeString = React.useMemo(() => {
+    if (!lastSession || !currentDate || connectionStatus === "NotConfigured" || connectionStatus === "Inactive") {
+      return null;
     }
-    const rtf = new Intl.RelativeTimeFormat("en", { numeric: "auto" });
-    const diff = lastSession.getTime() - currentDate.getTime();
-    const diffSeconds = Math.round(diff / 1000);
-    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";
+    return getRelativeTimeString(currentDate, lastSession);
+  }, [lastSession, currentDate, connectionStatus]);
+  return /* @__PURE__ */ jsxs(Flex, { gap: "4", align: "center", children: [
+    /* @__PURE__ */ jsx(IconPanel, { color: "panel", children: /* @__PURE__ */ jsx(ProviderIcon, { provider: identityProvider, size: "2" }) }),
+    lastSession ? /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+      /* @__PURE__ */ jsx(Text, { size: "2", weight: "bold", children: getIdentityProviderName(identityProvider) }),
+      relativeTimeString ? /* @__PURE__ */ jsxs(Text, { color: "gray", size: "2", children: [
+        "Last session ",
+        relativeTimeString
+      ] }) : null
+    ] }) : /* @__PURE__ */ jsx(Text, { size: "2", weight: "bold", children: getIdentityProviderName(identityProvider) })
+  ] });
+}
+function AdminPortalOpenButton({
+  isPending,
+  href,
+  initConfig
+}) {
+  const { connectionStatus } = useAdminPortalSsoConnectionContext();
+  const label = (() => {
+    switch (connectionStatus) {
+      case "NotConfigured":
+        return "Set up SSO";
+      case "Inactive":
+        return "Continue setup";
+      case "Active":
+      case "Expiring":
+      case "Expired":
+        return "Manage";
+      default:
+        return unreachable(connectionStatus);
     }
-    if (Math.abs(diffMinutes) < 60) {
-        return rtf.format(diffMinutes, "minute");
+  })();
+  if (href) {
+    return /* @__PURE__ */ jsx(Button, { variant: "outline", color: "gray", asChild: true, children: /* @__PURE__ */ jsxs("a", { href, target: "_blank", rel: "noopener noreferrer", children: [
+      label,
+      " ",
+      /* @__PURE__ */ jsx(ExternalLinkIcon, {})
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "outline",
+      color: "gray",
+      loading: isPending,
+      disabled: isPending,
+      onClick: initConfig,
+      children: [
+        label,
+        " ",
+        /* @__PURE__ */ jsx(ExternalLinkIcon, {})
+      ]
     }
-    if (Math.abs(diffHours) < 24) {
-        return rtf.format(diffHours, "hour");
+  );
+}
+const AdminPortalSsoConnectionLoading = () => {
+  return /* @__PURE__ */ jsx(Card, { size: "2", children: /* @__PURE__ */ jsxs(Flex, { direction: "row", justify: "between", align: "center", gap: "2", children: [
+    /* @__PURE__ */ jsxs(Flex, { gap: "4", align: "center", children: [
+      /* @__PURE__ */ jsx(Skeleton, { children: /* @__PURE__ */ jsx(IconPanel, { color: "panel", children: /* @__PURE__ */ jsx(ProviderIcon, { provider: "okta", size: "2" }) }) }),
+      /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "1", my: "-4px", children: [
+        /* @__PURE__ */ jsx(Skeleton, { children: /* @__PURE__ */ jsx(Text, { size: "1", children: "Okta" }) }),
+        /* @__PURE__ */ jsx(Skeleton, { children: /* @__PURE__ */ jsx(Text, { size: "1", children: "Last session 10 minutes ago" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Flex, { gap: "5", align: "center", children: [
+      /* @__PURE__ */ jsx(Skeleton, { children: /* @__PURE__ */ jsx(Status, { state: "error", children: "Requires action" }) }),
+      /* @__PURE__ */ jsx(Skeleton, { children: /* @__PURE__ */ jsxs(Button, { variant: "outline", color: "gray", children: [
+        "Manage ",
+        /* @__PURE__ */ jsx(ExternalLinkIcon, {})
+      ] }) })
+    ] })
+  ] }) });
+};
+function AdminPortalSsoConnectionError({ error }) {
+  React.useEffect(() => {
+    console.error(error);
+  }, [error]);
+  const { heading, message } = (() => {
+    if (error instanceof FetchError) {
+      return {
+        heading: "Error fetching data",
+        message: "An error occurred. You may need to configure CORS in the WorkOS Dashboard. Contact your organization admin for support."
+      };
     }
-    if (Math.abs(diffDays) < 30) {
-        return rtf.format(diffDays, "day");
+    if (error instanceof NoAuthTokenError) {
+      return {
+        heading: "Error fetching data",
+        message: "Authorization error. You likely forgot to provide an authorization token to the Users Management Widget."
+      };
     }
-    if (Math.abs(diffMonths) < 12) {
-        return rtf.format(diffMonths, "month");
+    if (error instanceof ApiError && error.status === 404) {
+      return {
+        heading: "Error fetching data",
+        message: "Authorization error. Contact your organization admin for support."
+      };
     }
-    return rtf.format(diffYears, "year");
+    return {
+      heading: "Unknown error",
+      message: "An unexpected error occurred. Please try refreshing the page, or contact your organization admin for support."
+    };
+  })();
+  return /* @__PURE__ */ jsx(Card, { size: "2", children: /* @__PURE__ */ jsx(Flex, { direction: "row", justify: "between", align: "center", gap: "2", children: /* @__PURE__ */ jsxs(Flex, { gap: "4", align: "center", children: [
+    /* @__PURE__ */ jsx(
+      Flex,
+      {
+        align: "center",
+        justify: "center",
+        width: "24px",
+        height: "24px",
+        style: {
+          borderRadius: "9999px",
+          backgroundColor: "var(--red-a4)",
+          color: "var(--red-a11)"
+        },
+        children: /* @__PURE__ */ jsx(Cross2Icon, { width: "18px", height: "18px" })
+      }
+    ),
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+      /* @__PURE__ */ jsx(Text, { size: "2", weight: "bold", children: heading }),
+      /* @__PURE__ */ jsx(Text, { size: "2", color: "gray", children: message })
+    ] })
+  ] }) }) });
+}
+function getRelativeTimeString(currentDate, lastSession) {
+  if (!currentDate || !lastSession) {
+    return null;
+  }
+  const rtf = new Intl.RelativeTimeFormat("en", { numeric: "auto" });
+  const diff = lastSession.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");
 }
+export {
+  AdminPortalOpenButton,
+  AdminPortalSsoConnection,
+  AdminPortalSsoConnectionError,
+  AdminPortalSsoConnectionLoading
+};
 //# sourceMappingURL=admin-portal-sso-connection.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"admin-portal-sso-connection.js","sourceRoot":"","sources":["../../../src/lib/admin-portal-sso-connection.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/lib/admin-portal-sso-connection.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Box, Button, Card, Flex, Text } from \"@radix-ui/themes\";\nimport { Skeleton } from \"./elements.js\";\nimport { IconPanel } from \"./icon-panel.js\";\nimport {\n  ExternalLinkIcon,\n  InfoCircledIcon,\n  Cross2Icon,\n} from \"@radix-ui/react-icons\";\nimport * as CardList from \"../card-list.js\";\nimport { ProviderIcon } from \"./provider-icon.js\";\nimport {\n  getIdentityProviderName,\n  type IdentityProvider,\n} from \"./identity-providers.js\";\nimport { Status } from \"./status.js\";\nimport { unreachable } from \"./utils.js\";\nimport clsx from \"clsx\";\n\nimport { ApiError, FetchError, NoAuthTokenError } from \"./errors.js\";\n\ninterface NotConfiguredProps {\n  connectionStatus: \"NotConfigured\";\n  identityProvider?: never;\n  expiryDate?: never;\n}\n\ninterface InactiveProps {\n  connectionStatus: \"Inactive\";\n  identityProvider: IdentityProvider;\n  expiryDate?: never;\n}\n\ninterface ActiveProps {\n  connectionStatus: \"Active\";\n  identityProvider: IdentityProvider;\n  expiryDate?: never;\n}\n\ninterface RequiresActionProps {\n  connectionStatus: \"Expired\" | \"Expiring\";\n  identityProvider: IdentityProvider;\n  expiryDate: Date | null;\n}\n\nexport type AdminPortalSsoConnectionStatusProps =\n  | NotConfiguredProps\n  | InactiveProps\n  | ActiveProps\n  | RequiresActionProps;\n\nexport type AdminPortalSsoConnectionProps =\n  AdminPortalSsoConnectionStatusProps & {\n    currentDate: Date | null;\n\n    lastSession: Date | null;\n    adminPortalOpenButton: React.ReactNode;\n  };\n\ninterface AdminPortalSsoConnectionContextValue {\n  connectionStatus: AdminPortalSsoConnectionStatusProps[\"connectionStatus\"];\n}\n\nconst AdminPortalSsoConnectionContext =\n  React.createContext<AdminPortalSsoConnectionContextValue | null>(null);\nAdminPortalSsoConnectionContext.displayName = \"AdminPortalSsoConnectionContext\";\n\nfunction useAdminPortalSsoConnectionContext() {\n  const context = React.useContext(AdminPortalSsoConnectionContext);\n  if (!context) {\n    throw new Error(\n      \"useAdminPortalSsoConnectionContext must be used within a AdminPortalSsoConnectionContext provider\",\n    );\n  }\n  return context;\n}\n\nexport const AdminPortalSsoConnection = ({\n  currentDate,\n  connectionStatus,\n  identityProvider,\n  expiryDate,\n  lastSession,\n  adminPortalOpenButton,\n}: AdminPortalSsoConnectionProps) => {\n  return (\n    <CardList.Root\n      size=\"2\"\n      className={clsx(\"woswidgets-widget\")}\n      data-woswidgets-widget-id=\"admin-portal-sso-connection\"\n    >\n      <AdminPortalSsoConnectionContext.Provider value={{ connectionStatus }}>\n        <CardList.Item>\n          <Flex direction=\"row\" justify=\"between\" align=\"center\" gap=\"2\">\n            {(() => {\n              if (connectionStatus === \"NotConfigured\") {\n                return (\n                  <>\n                    <Text size=\"2\" color=\"gray\" ml=\"2\">\n                      You haven’t set up Single Sign-On yet.\n                    </Text>\n                    {adminPortalOpenButton}\n                  </>\n                );\n              }\n\n              return (\n                <>\n                  <SessionInfo\n                    connectionStatus={connectionStatus}\n                    identityProvider={identityProvider}\n                    lastSession={lastSession}\n                    currentDate={currentDate}\n                  />\n                  <Flex gap=\"5\" align=\"center\">\n                    <SsoStatus status={connectionStatus} />\n                    {adminPortalOpenButton}\n                  </Flex>\n                </>\n              );\n            })()}\n          </Flex>\n        </CardList.Item>\n        {connectionStatus === \"Expired\" && (\n          <CardList.Item>\n            <Flex align=\"start\" gap=\"2\">\n              <Box asChild mt=\"2px\" flexShrink=\"0\">\n                <InfoCircledIcon color=\"gray\" />\n              </Box>\n              {(() => {\n                if (connectionStatus === \"Expired\") {\n                  return (\n                    <Text size=\"2\" color=\"gray\">\n                      {(() => {\n                        if (!expiryDate) {\n                          return \"The SAML response signing certificate has expired\";\n                        }\n\n                        return (\n                          <>\n                            The SAML response signing certificate expired on{\" \"}\n                            <Text weight=\"bold\" as=\"span\">\n                              {expiryDate?.toLocaleString(\"en-US\", {\n                                month: \"long\",\n                                day: \"numeric\",\n                                year: \"numeric\",\n                              })}\n                            </Text>\n                          </>\n                        );\n                      })()}\n                      . Users won’t be able to sign-in to the application until\n                      the certificate is renewed.\n                    </Text>\n                  );\n                }\n\n                if (connectionStatus === \"Expiring\") {\n                  return (\n                    <Text size=\"2\" color=\"gray\">\n                      {(() => {\n                        if (!expiryDate) {\n                          return \"The SAML response signing certificate is expiring soon\";\n                        }\n\n                        return (\n                          <>\n                            The SAML response signing certificate will expire on{\" \"}\n                            <Text weight=\"bold\" as=\"span\">\n                              {expiryDate?.toLocaleString(\"en-US\", {\n                                month: \"long\",\n                                day: \"numeric\",\n                                year: \"numeric\",\n                              })}\n                            </Text>\n                          </>\n                        );\n                      })()}\n                      . When expired, users won’t be able to sign-in.\n                    </Text>\n                  );\n                }\n              })()}\n            </Flex>\n          </CardList.Item>\n        )}\n      </AdminPortalSsoConnectionContext.Provider>\n    </CardList.Root>\n  );\n};\n\nfunction SsoStatus({\n  status,\n}: {\n  status: AdminPortalSsoConnectionStatusProps[\"connectionStatus\"];\n}) {\n  if (status === \"NotConfigured\") {\n    return null;\n  }\n\n  if (status === \"Inactive\") {\n    return <Status state=\"waiting\">Setup in progress</Status>;\n  }\n\n  if (status === \"Expired\") {\n    return <Status state=\"error\">Requires action</Status>;\n  }\n\n  if (status === \"Active\" || status === \"Expiring\") {\n    return <Status state=\"success\">Connected</Status>;\n  }\n\n  return unreachable(status);\n}\n\nfunction SessionInfo({\n  currentDate,\n  identityProvider,\n  lastSession,\n  connectionStatus,\n}: {\n  identityProvider: IdentityProvider;\n  lastSession: Date | null;\n  currentDate: Date | null;\n  connectionStatus: AdminPortalSsoConnectionStatusProps[\"connectionStatus\"];\n}) {\n  const relativeTimeString = React.useMemo(() => {\n    if (\n      !lastSession ||\n      !currentDate ||\n      connectionStatus === \"NotConfigured\" ||\n      connectionStatus === \"Inactive\"\n    ) {\n      return null;\n    }\n\n    return getRelativeTimeString(currentDate, lastSession);\n  }, [lastSession, currentDate, connectionStatus]);\n\n  return (\n    <Flex gap=\"4\" align=\"center\">\n      <IconPanel color=\"panel\">\n        <ProviderIcon provider={identityProvider} size=\"2\" />\n      </IconPanel>\n      {lastSession ? (\n        <Flex direction=\"column\">\n          <Text size=\"2\" weight=\"bold\">\n            {getIdentityProviderName(identityProvider)}\n          </Text>\n          {relativeTimeString ? (\n            <Text color=\"gray\" size=\"2\">\n              Last session {relativeTimeString}\n            </Text>\n          ) : null}\n        </Flex>\n      ) : (\n        <Text size=\"2\" weight=\"bold\">\n          {getIdentityProviderName(identityProvider)}\n        </Text>\n      )}\n    </Flex>\n  );\n}\n\nexport function AdminPortalOpenButton({\n  isPending,\n  href,\n  initConfig,\n}: {\n  isPending: boolean;\n  href: string | null;\n  initConfig: () => void;\n}) {\n  const { connectionStatus } = useAdminPortalSsoConnectionContext();\n  const label = (() => {\n    switch (connectionStatus) {\n      case \"NotConfigured\":\n        return \"Set up SSO\";\n      case \"Inactive\":\n        return \"Continue setup\";\n      case \"Active\":\n      case \"Expiring\":\n      case \"Expired\":\n        return \"Manage\";\n      default:\n        return unreachable(connectionStatus);\n    }\n  })();\n\n  if (href) {\n    return (\n      <Button variant=\"outline\" color=\"gray\" asChild>\n        <a href={href} target=\"_blank\" rel=\"noopener noreferrer\">\n          {label} <ExternalLinkIcon />\n        </a>\n      </Button>\n    );\n  }\n\n  return (\n    <Button\n      variant=\"outline\"\n      color=\"gray\"\n      loading={isPending}\n      disabled={isPending}\n      onClick={initConfig}\n    >\n      {label} <ExternalLinkIcon />\n    </Button>\n  );\n}\n\nexport const AdminPortalSsoConnectionLoading: React.FC = () => {\n  return (\n    <Card size=\"2\">\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=\"okta\" size=\"2\" />\n            </IconPanel>\n          </Skeleton>\n          <Flex direction=\"column\" gap=\"1\" my=\"-4px\">\n            <Skeleton>\n              <Text size=\"1\">Okta</Text>\n            </Skeleton>\n            <Skeleton>\n              <Text size=\"1\">Last session 10 minutes ago</Text>\n            </Skeleton>\n          </Flex>\n        </Flex>\n        <Flex gap=\"5\" align=\"center\">\n          <Skeleton>\n            <Status state=\"error\">Requires action</Status>\n          </Skeleton>\n          <Skeleton>\n            <Button variant=\"outline\" color=\"gray\">\n              Manage <ExternalLinkIcon />\n            </Button>\n          </Skeleton>\n        </Flex>\n      </Flex>\n    </Card>\n  );\n};\n\nexport function AdminPortalSsoConnectionError({ error }: { error: unknown }) {\n  React.useEffect(() => {\n    console.error(error);\n  }, [error]);\n\n  const { heading, message } = (() => {\n    if (error instanceof FetchError) {\n      return {\n        heading: \"Error fetching data\",\n        message:\n          \"An error occurred. You may need to configure CORS in the WorkOS Dashboard. \" +\n          \"Contact your organization admin for support.\",\n      };\n    }\n\n    if (error instanceof NoAuthTokenError) {\n      return {\n        heading: \"Error fetching data\",\n        message:\n          \"Authorization error. You likely forgot to provide an authorization \" +\n          \"token to the Users Management Widget.\",\n      };\n    }\n\n    if (error instanceof ApiError && error.status === 404) {\n      // The widgets API treats all authorization errors as 404s. If there is a\n      // legitimate 404, it's a bug on our end but there's currently no way to\n      // distinguish between the two.\n      return {\n        heading: \"Error fetching data\",\n        message:\n          \"Authorization error. Contact your organization admin for support.\",\n      };\n    }\n\n    return {\n      heading: \"Unknown error\",\n      message:\n        \"An unexpected error occurred. Please try refreshing the page, or contact your organization admin for support.\",\n    };\n  })();\n\n  return (\n    <Card size=\"2\">\n      <Flex direction=\"row\" justify=\"between\" align=\"center\" gap=\"2\">\n        <Flex gap=\"4\" align=\"center\">\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            }}\n          >\n            <Cross2Icon width=\"18px\" height=\"18px\" />\n          </Flex>\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\nfunction getRelativeTimeString(\n  currentDate: Date | null,\n  lastSession: Date | null,\n) {\n  if (!currentDate || !lastSession) {\n    return null;\n  }\n\n  const rtf = new Intl.RelativeTimeFormat(\"en\", { numeric: \"auto\" });\n  const diff = lastSession.getTime() - currentDate.getTime();\n\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) {\n    return \"now\";\n  }\n\n  if (Math.abs(diffMinutes) < 60) {\n    return rtf.format(diffMinutes, \"minute\");\n  }\n\n  if (Math.abs(diffHours) < 24) {\n    return rtf.format(diffHours, \"hour\");\n  }\n\n  if (Math.abs(diffDays) < 30) {\n    return rtf.format(diffDays, \"day\");\n  }\n\n  if (Math.abs(diffMonths) < 12) {\n    return rtf.format(diffMonths, \"month\");\n  }\n\n  return rtf.format(diffYears, \"year\");\n}\n"],"mappings":"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","names":[]}

package/dist/esm/lib/api/api-key.d.ts

@@ -0,0 +1,16 @@
+import * as _tanstack_react_query from '@tanstack/react-query';
+import { ListOrganizationApiKeysResponse, ListOrganizationApiKeys400, ListOrganizationApiKeys403, useCreateOrganizationApiKey } from '../../api/endpoint.js';
+import { ApiKeysContextType } from '../api-keys/api-keys-context.js';
+import '../../api/widgets-api-client.js';
+import 'react';
+import '../api-keys/api-keys-state.js';
+
+declare const useApiKeys: (context?: ApiKeysContextType) => _tanstack_react_query.UseQueryResult<ListOrganizationApiKeysResponse, ListOrganizationApiKeys400 | ListOrganizationApiKeys403> & {
+    queryKey: readonly unknown[] & {
+        [dataTagSymbol]: ListOrganizationApiKeysResponse;
+        [dataTagErrorSymbol]: ListOrganizationApiKeys400 | ListOrganizationApiKeys403;
+    };
+};
+declare const useCreateApiKey: typeof useCreateOrganizationApiKey;
+
+export { useApiKeys, useCreateApiKey };

package/dist/esm/lib/api/api-key.js

@@ -0,0 +1,46 @@
+import {
+  getListOrganizationApiKeysQueryKey,
+  useCreateOrganizationApiKey,
+  useListOrganizationApiKeys
+} from "../../api/endpoint.js";
+import { keepPreviousData, useQueryClient } from "@tanstack/react-query";
+import {
+  useApiKeysContext
+} from "../api-keys/api-keys-context.js";
+const useApiKeys = (context) => {
+  const {
+    state: { pagination, searchQuery }
+  } = useApiKeysContext(context);
+  const limit = 10;
+  const { before, after } = pagination || {};
+  return useListOrganizationApiKeys(
+    {
+      after: after ?? void 0,
+      before: before ?? void 0,
+      limit,
+      search: searchQuery || void 0
+    },
+    {
+      query: {
+        placeholderData: keepPreviousData
+      }
+    }
+  );
+};
+const useCreateApiKey = () => {
+  const queryClient = useQueryClient();
+  return useCreateOrganizationApiKey({
+    mutation: {
+      onSuccess: () => {
+        queryClient.invalidateQueries({
+          queryKey: getListOrganizationApiKeysQueryKey()
+        });
+      }
+    }
+  });
+};
+export {
+  useApiKeys,
+  useCreateApiKey
+};
+//# sourceMappingURL=api-key.js.map