@workos-inc/widgets 1.8.2 → 1.9.0

package/dist/esm/index.d.ts

@@ -8,6 +8,7 @@ export { UsersManagement, UsersManagementProps } from './users-management.client
 export { AdminPortalDomainVerification, AdminPortalDomainVerificationProps } from './admin-portal-domain-verification.client.js';
 export { ApiKeys, ApiKeysProps } from './api-keys.client.js';
 export { Pipes, PipesProps } from './pipes.client.js';
+export { DirectorySync, DirectorySyncProps } from './directory-sync.client.js';
 export { IntlContext as internal_IntlContext } from './lib/i18n/intl-context.js';
 export { OrganizationSwitcherLoading } from './lib/organization-switcher.js';
 export { AdminPortalSsoConnectionLoading } from './lib/admin-portal-sso-connection.js';
@@ -18,6 +19,7 @@ export { UsersManagementLoading } from './lib/users-management.js';
 export { AdminPortalDomainVerificationLoading } from './lib/admin-portal-domain-verification.js';
 export { ApiKeysLoading } from './lib/api-keys/api-keys.js';
 export { PipesLoading } from './lib/pipes.js';
+export { DirectorySyncLoading } from './lib/directory-sync.js';
 import '@radix-ui/themes/props';
 import '@tanstack/react-query';
 import 'react';

package/dist/esm/index.js

@@ -34,6 +34,10 @@ import {
   ApiKeysLoading
 } from "./api-keys.client.js";
 import { Pipes, PipesLoading } from "./pipes.client.js";
+import {
+  DirectorySync,
+  DirectorySyncLoading
+} from "./directory-sync.client.js";
 import { IntlContext } from "./lib/i18n/intl-context.js";
 export {
   AdminPortalDomainVerification,
@@ -42,6 +46,8 @@ export {
   AdminPortalSsoConnectionLoading,
   ApiKeys,
   ApiKeysLoading,
+  DirectorySync,
+  DirectorySyncLoading,
   OrganizationSwitcher,
   OrganizationSwitcherLoading,
   Pipes,

package/dist/esm/index.js.map

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

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

@@ -26,7 +26,7 @@ const ApiKeysContextProvider = ({ children }) => {
   return /* @__PURE__ */ jsx(ApiKeysContext.Provider, { value: context, children });
 };
 const NOOP = () => void 0;
-const EMPTY_PAGINATION = {};
+const EMPTY_PAGINATION = { before: null, after: null };
 function useApiKeysContext(initialContext) {
   const context = React.useContext(ApiKeysContext);
   if (context) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/api-keys/api-keys-context.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  ApiKeysAction,\n  ApiKeysState,\n  useApiKeysState,\n} from \"./api-keys-state.js\";\nimport { ListMetadata } from \"../../api/endpoint.js\";\n\nexport interface ApiKeysContextType {\n  state: ApiKeysState;\n  dispatch: React.Dispatch<ApiKeysAction>;\n}\n\nconst ApiKeysContext = React.createContext<ApiKeysContextType | undefined>(\n  undefined,\n);\nApiKeysContext.displayName = \"ApiKeysContext\";\n\nconst initialState: ApiKeysState = {\n  pagination: null,\n  searchQuery: null,\n  createDialogOpen: false,\n  createdApiKey: null,\n};\n\nexport const ApiKeysContextProvider: React.FC<{\n  children?: React.ReactNode;\n}> = ({ children }) => {\n  const [state, dispatch] = useApiKeysState(initialState);\n\n  const context = React.useMemo<ApiKeysContextType>(\n    () => ({\n      state,\n      dispatch,\n    }),\n    [state, dispatch],\n  );\n\n  return (\n    <ApiKeysContext.Provider value={context}>\n      {children}\n    </ApiKeysContext.Provider>\n  );\n};\n\nconst NOOP = () => void 0;\nconst EMPTY_PAGINATION: ListMetadata = {};\n\n/**\n * The context may be provided if it is instantiated in the tree above the user.\n */\nexport function useApiKeysContext(\n  initialContext?: ApiKeysContextType | null,\n): ApiKeysContextType {\n  const context = React.useContext(ApiKeysContext);\n\n  if (context) {\n    return context;\n  }\n\n  if (initialContext) {\n    return initialContext;\n  }\n\n  return {\n    dispatch: NOOP,\n    state: {\n      pagination: EMPTY_PAGINATION,\n      searchQuery: null,\n      createDialogOpen: false,\n      createdApiKey: null,\n    },\n  };\n}\n"],"mappings":";AAyCI;AAvCJ,YAAY,WAAW;AACvB;AAAA,EAGE;AAAA,OACK;AAQP,MAAM,iBAAiB,MAAM;AAAA,EAC3B;AACF;AACA,eAAe,cAAc;AAE7B,MAAM,eAA6B;AAAA,EACjC,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,eAAe;AACjB;AAEO,MAAM,yBAER,CAAC,EAAE,SAAS,MAAM;AACrB,QAAM,CAAC,OAAO,QAAQ,IAAI,gBAAgB,YAAY;AAEtD,QAAM,UAAU,MAAM;AAAA,IACpB,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,OAAO,QAAQ;AAAA,EAClB;AAEA,SACE,oBAAC,eAAe,UAAf,EAAwB,OAAO,SAC7B,UACH;AAEJ;AAEA,MAAM,OAAO,MAAM;AACnB,MAAM,mBAAiC,CAAC;AAKjC,SAAS,kBACd,gBACoB;AACpB,QAAM,UAAU,MAAM,WAAW,cAAc;AAE/C,MAAI,SAAS;AACX,WAAO;AAAA,EACT;AAEA,MAAI,gBAAgB;AAClB,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL,UAAU;AAAA,IACV,OAAO;AAAA,MACL,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,kBAAkB;AAAA,MAClB,eAAe;AAAA,IACjB;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/lib/api-keys/api-keys-context.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  ApiKeysAction,\n  ApiKeysState,\n  useApiKeysState,\n} from \"./api-keys-state.js\";\nimport { ListMetadata } from \"../../api/endpoint.js\";\n\nexport interface ApiKeysContextType {\n  state: ApiKeysState;\n  dispatch: React.Dispatch<ApiKeysAction>;\n}\n\nconst ApiKeysContext = React.createContext<ApiKeysContextType | undefined>(\n  undefined,\n);\nApiKeysContext.displayName = \"ApiKeysContext\";\n\nconst initialState: ApiKeysState = {\n  pagination: null,\n  searchQuery: null,\n  createDialogOpen: false,\n  createdApiKey: null,\n};\n\nexport const ApiKeysContextProvider: React.FC<{\n  children?: React.ReactNode;\n}> = ({ children }) => {\n  const [state, dispatch] = useApiKeysState(initialState);\n\n  const context = React.useMemo<ApiKeysContextType>(\n    () => ({\n      state,\n      dispatch,\n    }),\n    [state, dispatch],\n  );\n\n  return (\n    <ApiKeysContext.Provider value={context}>\n      {children}\n    </ApiKeysContext.Provider>\n  );\n};\n\nconst NOOP = () => void 0;\nconst EMPTY_PAGINATION: ListMetadata = { before: null, after: null };\n\n/**\n * The context may be provided if it is instantiated in the tree above the user.\n */\nexport function useApiKeysContext(\n  initialContext?: ApiKeysContextType | null,\n): ApiKeysContextType {\n  const context = React.useContext(ApiKeysContext);\n\n  if (context) {\n    return context;\n  }\n\n  if (initialContext) {\n    return initialContext;\n  }\n\n  return {\n    dispatch: NOOP,\n    state: {\n      pagination: EMPTY_PAGINATION,\n      searchQuery: null,\n      createDialogOpen: false,\n      createdApiKey: null,\n    },\n  };\n}\n"],"mappings":";AAyCI;AAvCJ,YAAY,WAAW;AACvB;AAAA,EAGE;AAAA,OACK;AAQP,MAAM,iBAAiB,MAAM;AAAA,EAC3B;AACF;AACA,eAAe,cAAc;AAE7B,MAAM,eAA6B;AAAA,EACjC,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,eAAe;AACjB;AAEO,MAAM,yBAER,CAAC,EAAE,SAAS,MAAM;AACrB,QAAM,CAAC,OAAO,QAAQ,IAAI,gBAAgB,YAAY;AAEtD,QAAM,UAAU,MAAM;AAAA,IACpB,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,OAAO,QAAQ;AAAA,EAClB;AAEA,SACE,oBAAC,eAAe,UAAf,EAAwB,OAAO,SAC7B,UACH;AAEJ;AAEA,MAAM,OAAO,MAAM;AACnB,MAAM,mBAAiC,EAAE,QAAQ,MAAM,OAAO,KAAK;AAK5D,SAAS,kBACd,gBACoB;AACpB,QAAM,UAAU,MAAM,WAAW,cAAc;AAE/C,MAAI,SAAS;AACX,WAAO;AAAA,EACT;AAEA,MAAI,gBAAgB;AAClB,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL,UAAU;AAAA,IACV,OAAO;AAAA,MACL,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,kBAAkB;AAAA,MAClB,eAAe;AAAA,IACjB;AAAA,EACF;AACF;","names":[]}

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

@@ -14,6 +14,7 @@ import { ApiKeysSearch } from "./api-keys-search.js";
 import { Translation } from "../i18n/translation.js";
 import { useTranslation } from "../i18n/use-translation.js";
 import { useLocale } from "../i18n/use-locale.js";
+import { getListMetadata } from "../utils.js";
 function NoApiKeys() {
   const { clearSearch } = useApiKeysSearchContext();
   return /* @__PURE__ */ jsxs(Flex, { p: "6", gap: "4", justify: "center", align: "center", direction: "column", children: [
@@ -142,9 +143,10 @@ function ApiKeysTable({
   apiKeys
 }) {
   const { dispatch } = useApiKeysContext();
-  const hasPagination = apiKeys.listMetadata.before || apiKeys.listMetadata.after;
-  const hasPreviousPage = apiKeys.listMetadata.after;
-  const hasNextPage = apiKeys.listMetadata.before;
+  const pagination = getListMetadata(apiKeys);
+  const hasPagination = !!(pagination.before || pagination.after);
+  const hasPreviousPage = !!pagination.after;
+  const hasNextPage = !!pagination.before;
   return /* @__PURE__ */ jsxs(Flex, { direction: "column", align: "stretch", gap: "3", children: [
     /* @__PURE__ */ jsx(ApiKeysTableHeader, {}),
     apiKeys.data.length === 0 ? /* @__PURE__ */ jsx(NoApiKeys, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -195,7 +197,7 @@ function ApiKeysTable({
             size: "1",
             onClick: () => dispatch({
               type: "SET_PAGINATION",
-              pagination: { after: apiKeys.listMetadata.after }
+              pagination
             }),
             children: /* @__PURE__ */ jsx(
               Translation,
@@ -215,7 +217,7 @@ function ApiKeysTable({
             size: "1",
             onClick: () => dispatch({
               type: "SET_PAGINATION",
-              pagination: { before: apiKeys.listMetadata.before }
+              pagination
             }),
             children: /* @__PURE__ */ jsx(
               Translation,

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

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

package/dist/esm/lib/directory-sync.d.ts

@@ -0,0 +1,72 @@
+import * as React from 'react';
+import { WidgetRootDomProps } from './utils.js';
+import { DirectoryType, DirectoryMetadata, DirectoryState } from '../api/endpoint.js';
+import './elements.js';
+import '@radix-ui/themes';
+import '@radix-ui/themes/props';
+import '../dialog-C15qCLN3.js';
+import '@radix-ui/themes/components/dialog';
+import '../alert-dialog-BlG3_awx.js';
+import '@radix-ui/themes/components/alert-dialog';
+import '../dropdown-menu-BQ5LtvdR.js';
+import '@radix-ui/themes/components/dropdown-menu';
+import '../select-KR89Qnvm.js';
+import '@radix-ui/themes/components/select';
+import '@tanstack/react-query';
+import '../api/widgets-api-client.js';
+
+interface BaseDirectorySyncProps {
+    type?: DirectoryType;
+    metadata?: DirectoryMetadata;
+    lastSyncAt?: string | null;
+    link?: string | null;
+    errorMessage?: never;
+    userCount?: never;
+    groupCount?: never;
+    currentDate?: never;
+    state: DirectoryState;
+}
+interface NotConfiguredProps extends BaseDirectorySyncProps {
+    state: (typeof DirectoryState)["unlinked"];
+}
+interface SetupInProgressProps extends Omit<BaseDirectorySyncProps, "type"> {
+    state: (typeof DirectoryState)["validating"];
+    type: DirectoryType;
+}
+interface ErrorBeforeConfigProps extends Omit<BaseDirectorySyncProps, "type" | "errorMessage"> {
+    state: DirectoryState;
+    type: DirectoryType;
+    errorMessage: React.ReactNode;
+}
+interface ValidatingProps extends Omit<BaseDirectorySyncProps, "type"> {
+    state: (typeof DirectoryState)["validating"];
+    type: DirectoryType;
+}
+interface ActiveProps extends Omit<BaseDirectorySyncProps, "type" | "lastSyncAt" | "currentDate" | "errorMessage"> {
+    state: (typeof DirectoryState)["linked"];
+    type: DirectoryType;
+    lastSyncAt: string | null;
+    currentDate?: Date | null;
+    errorMessage?: React.ReactNode;
+}
+interface InvalidCredentialsProps extends Omit<BaseDirectorySyncProps, "type" | "errorMessage"> {
+    state: (typeof DirectoryState)["invalid_credentials"];
+    type: DirectoryType;
+    errorMessage: React.ReactNode;
+}
+interface DeletingProps extends Omit<BaseDirectorySyncProps, "type"> {
+    state: (typeof DirectoryState)["deleting"];
+    type: DirectoryType;
+}
+type DirectorySyncStatusProps = NotConfiguredProps | SetupInProgressProps | ErrorBeforeConfigProps | ValidatingProps | ActiveProps | InvalidCredentialsProps | DeletingProps;
+type DirectorySyncProps = WidgetRootDomProps & DirectorySyncStatusProps;
+declare const DirectorySync: React.FC<DirectorySyncProps>;
+interface DirectorySyncLoadingProps extends WidgetRootDomProps {
+}
+declare const DirectorySyncLoading: React.FC<DirectorySyncLoadingProps>;
+interface DirectorySyncErrorProps extends WidgetRootDomProps {
+    error: unknown;
+}
+declare const DirectorySyncError: React.FC<DirectorySyncErrorProps>;
+
+export { DirectorySync, DirectorySyncError, type DirectorySyncErrorProps, DirectorySyncLoading, type DirectorySyncLoadingProps, type DirectorySyncProps, type DirectorySyncStatusProps };

package/dist/esm/lib/directory-sync.js

@@ -0,0 +1,259 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Box, Card, Flex, Spinner, Text } from "@radix-ui/themes";
+import { ExternalLinkIcon, InfoCircledIcon } from "@radix-ui/react-icons";
+import { Button, Skeleton } from "./elements.js";
+import { GenericError } from "./generic-error.js";
+import * as CardList from "./card-list.js";
+import { IconPanel } from "./icon-panel.js";
+import { ProviderIcon } from "./provider-icon.js";
+import {
+  getDirectoryTypeIcon,
+  getDirectoryTypeName
+} from "./identity-providers.js";
+import { Status } from "./status.js";
+import { Translation } from "./i18n/translation.js";
+import {
+  getDomProps
+} from "./utils.js";
+import {
+  DirectoryState
+} from "../api/endpoint.js";
+const DirectorySyncContext = React.createContext(null);
+DirectorySyncContext.displayName = "DirectorySyncContext";
+function useDirectorySyncContext() {
+  const context = React.useContext(DirectorySyncContext);
+  if (!context) {
+    throw new Error(
+      "useDirectorySyncContext must be used within a DirectorySyncContext provider"
+    );
+  }
+  return context;
+}
+function DirectoryProviderInfo({
+  type,
+  subtitle
+}) {
+  return /* @__PURE__ */ jsxs(Flex, { gap: "4", align: "center", children: [
+    /* @__PURE__ */ jsx(IconPanel, { color: "panel", children: /* @__PURE__ */ jsx(
+      ProviderIcon,
+      {
+        provider: getDirectoryTypeIcon(type) ?? "workos",
+        size: "2"
+      }
+    ) }),
+    subtitle ? /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+      /* @__PURE__ */ jsx(Text, { size: "2", weight: "bold", children: getDirectoryTypeName(type) }),
+      subtitle
+    ] }) : /* @__PURE__ */ jsx(Text, { size: "2", weight: "bold", children: getDirectoryTypeName(type) })
+  ] });
+}
+function SpinnerMessage({ children }) {
+  return /* @__PURE__ */ jsxs(Flex, { gap: "2", align: "center", children: [
+    /* @__PURE__ */ jsx(Spinner, {}),
+    /* @__PURE__ */ jsx(Text, { size: "2", color: "gray", children })
+  ] });
+}
+function getStatusBadge(state) {
+  switch (state) {
+    case DirectoryState.requires_type:
+    case DirectoryState.invalid_credentials:
+      return /* @__PURE__ */ jsx(Status, { state: "error", children: /* @__PURE__ */ jsx(
+        Translation,
+        {
+          defaultMessage: "Requires action",
+          id: "uuuXIF",
+          description: "Status badge when directory requires user action"
+        }
+      ) });
+    case DirectoryState.linked:
+      return /* @__PURE__ */ jsx(Status, { state: "success", children: /* @__PURE__ */ jsx(
+        Translation,
+        {
+          defaultMessage: "Connected",
+          id: "H/dAHq",
+          description: "Status badge when directory is active"
+        }
+      ) });
+    default:
+      return null;
+  }
+}
+function getSpinnerMessage(state, hasType) {
+  if (state === DirectoryState.unlinked && hasType)
+    return "Setup in progress...";
+  if (state === DirectoryState.validating)
+    return "Waiting for users and groups...";
+  if (state === DirectoryState.deleting) return "Deleting directory...";
+  return null;
+}
+const DirectorySync = ({
+  state,
+  className,
+  ...rest
+}) => {
+  const type = "type" in rest ? rest.type : void 0;
+  const errorMessage = "errorMessage" in rest ? rest.errorMessage : void 0;
+  const metadata = "metadata" in rest ? rest.metadata : void 0;
+  const link = "link" in rest ? rest.link : void 0;
+  const userCount = metadata?.users.active ?? 0;
+  const groupCount = metadata?.groups ?? 0;
+  const lastSyncAt = rest.lastSyncAt ? new Date(rest.lastSyncAt) : null;
+  const currentDate = "currentDate" in rest && rest.currentDate instanceof Date ? rest.currentDate : void 0;
+  const lastSyncString = lastSyncAt ? getRelativeTimeString(currentDate ?? /* @__PURE__ */ new Date(), lastSyncAt) : null;
+  const showCounts = state === DirectoryState.linked || state === DirectoryState.invalid_credentials || state === DirectoryState.deleting;
+  const statusBadge = getStatusBadge(state);
+  const spinnerMessage = getSpinnerMessage(state, !!type);
+  const showButton = state !== DirectoryState.deleting;
+  const domProps = { className };
+  const countsSubtitle = showCounts ? /* @__PURE__ */ jsxs(Text, { size: "2", color: "gray", children: [
+    /* @__PURE__ */ jsx(
+      Translation,
+      {
+        defaultMessage: "{userCount} {userLabel}",
+        id: "aZxx55",
+        description: "Directory sync user and group counts",
+        values: {
+          userCount,
+          userLabel: userCount !== 1 ? "users" : "user"
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: " \u2219 " }),
+    /* @__PURE__ */ jsx(
+      Translation,
+      {
+        defaultMessage: "{groupCount} {groupLabel}",
+        id: "SgiDio",
+        description: "Directory sync group count",
+        values: {
+          groupCount,
+          groupLabel: groupCount !== 1 ? "groups" : "group"
+        }
+      }
+    ),
+    lastSyncString && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: " \u2219 " }),
+      /* @__PURE__ */ jsx(
+        Translation,
+        {
+          defaultMessage: "Last sync {lastSync}",
+          id: "UUqjnE",
+          description: "Last sync timestamp for directory",
+          values: { lastSync: lastSyncString }
+        }
+      )
+    ] })
+  ] }) : null;
+  return /* @__PURE__ */ jsx(CardList.Root, { ...getWidgetRootDomProps("resolved", domProps), children: /* @__PURE__ */ jsxs(DirectorySyncContext.Provider, { value: { state, type }, children: [
+    /* @__PURE__ */ jsx(CardList.Item, { children: /* @__PURE__ */ jsx(Flex, { direction: "row", justify: "between", align: "center", gap: "2", children: !type ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Text, { size: "2", color: "gray", children: /* @__PURE__ */ jsx(
+        Translation,
+        {
+          defaultMessage: "You haven't set up a directory yet.",
+          id: "+ywYVl",
+          description: "Empty state message when no directory is configured"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(AdminPortalOpenButton, { href: link ?? null })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(DirectoryProviderInfo, { type, subtitle: countsSubtitle }),
+      /* @__PURE__ */ jsxs(Flex, { gap: "5", align: "center", children: [
+        statusBadge,
+        spinnerMessage && /* @__PURE__ */ jsx(SpinnerMessage, { children: spinnerMessage }),
+        showButton && /* @__PURE__ */ jsx(AdminPortalOpenButton, { href: link ?? null })
+      ] })
+    ] }) }) }),
+    errorMessage && /* @__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: "var(--gray-11)" }) }),
+      /* @__PURE__ */ jsx(Text, { size: "2", color: "gray", children: errorMessage })
+    ] }) })
+  ] }) });
+};
+function AdminPortalOpenButton({
+  href,
+  children
+}) {
+  const { state, type } = useDirectorySyncContext();
+  const label = (() => {
+    switch (state) {
+      case DirectoryState.unlinked:
+        return type ? "Continue setup" : "Set up directory";
+      case DirectoryState.validating:
+        return "Manage";
+      default:
+        return "Manage";
+    }
+  })();
+  if (href) {
+    return /* @__PURE__ */ jsx(Button, { variant: "secondary", asChild: true, children: /* @__PURE__ */ jsxs("a", { href, target: "_blank", rel: "noopener noreferrer", children: [
+      children ?? label,
+      " ",
+      /* @__PURE__ */ jsx(ExternalLinkIcon, { "aria-hidden": true })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs(Button, { variant: "secondary", disabled: true, children: [
+    children ?? label,
+    " ",
+    /* @__PURE__ */ jsx(ExternalLinkIcon, { "aria-hidden": true })
+  ] });
+}
+const DirectorySyncLoading = (props) => {
+  return /* @__PURE__ */ jsx(Card, { size: "2", ...getWidgetRootDomProps("loading", props), children: /* @__PURE__ */ jsxs(Flex, { direction: "row", justify: "between", align: "center", gap: "2", children: [
+    /* @__PURE__ */ jsx(Skeleton, { children: /* @__PURE__ */ jsx(Text, { size: "2", color: "gray", children: "You haven't set up a directory yet." }) }),
+    /* @__PURE__ */ jsx(Skeleton, { children: /* @__PURE__ */ jsxs(Button, { variant: "secondary", children: [
+      "Set up directory ",
+      /* @__PURE__ */ jsx(ExternalLinkIcon, { "aria-hidden": true })
+    ] }) })
+  ] }) });
+};
+const DirectorySyncError = ({
+  error,
+  ...domProps
+}) => {
+  return /* @__PURE__ */ jsx(Card, { size: "2", ...getWidgetRootDomProps("error", domProps), children: /* @__PURE__ */ jsx(GenericError, { error }) });
+};
+function getWidgetRootDomProps(state, domProps) {
+  return getDomProps({
+    ...domProps,
+    isWidgetRoot: true,
+    widgetId: "directory-sync",
+    widgetState: state
+  });
+}
+function getRelativeTimeString(currentDate, lastSync) {
+  if (!currentDate || !lastSync) {
+    return null;
+  }
+  const rtf = new Intl.RelativeTimeFormat("en", { numeric: "auto" });
+  const diff = lastSync.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 {
+  DirectorySync,
+  DirectorySyncError,
+  DirectorySyncLoading
+};
+//# sourceMappingURL=directory-sync.js.map

package/dist/esm/lib/directory-sync.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/directory-sync.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Box, Card, Flex, Spinner, Text } from \"@radix-ui/themes\";\nimport { ExternalLinkIcon, InfoCircledIcon } from \"@radix-ui/react-icons\";\nimport { Button, Skeleton } from \"./elements.js\";\nimport { GenericError } from \"./generic-error.js\";\nimport * as CardList from \"./card-list.js\";\nimport { IconPanel } from \"./icon-panel.js\";\nimport { ProviderIcon } from \"./provider-icon.js\";\nimport {\n  getDirectoryTypeIcon,\n  getDirectoryTypeName,\n} from \"./identity-providers.js\";\nimport { Status } from \"./status.js\";\nimport { Translation } from \"./i18n/translation.js\";\nimport {\n  getDomProps,\n  type WidgetRootState,\n  type WidgetRootDomProps,\n} from \"./utils.js\";\nimport {\n  DirectoryMetadata,\n  DirectoryState,\n  type DirectoryType,\n} from \"../api/endpoint.js\";\n\ninterface BaseDirectorySyncProps {\n  type?: DirectoryType;\n  metadata?: DirectoryMetadata;\n  lastSyncAt?: string | null;\n  link?: string | null;\n  errorMessage?: never;\n  userCount?: never;\n  groupCount?: never;\n  currentDate?: never;\n  state: DirectoryState;\n}\n\ninterface NotConfiguredProps extends BaseDirectorySyncProps {\n  state: (typeof DirectoryState)[\"unlinked\"];\n}\n\ninterface SetupInProgressProps extends Omit<BaseDirectorySyncProps, \"type\"> {\n  state: (typeof DirectoryState)[\"validating\"];\n  type: DirectoryType;\n}\n\ninterface ErrorBeforeConfigProps extends Omit<\n  BaseDirectorySyncProps,\n  \"type\" | \"errorMessage\"\n> {\n  state: DirectoryState;\n  type: DirectoryType;\n  errorMessage: React.ReactNode;\n}\n\ninterface ValidatingProps extends Omit<BaseDirectorySyncProps, \"type\"> {\n  state: (typeof DirectoryState)[\"validating\"];\n  type: DirectoryType;\n}\n\ninterface ActiveProps extends Omit<\n  BaseDirectorySyncProps,\n  \"type\" | \"lastSyncAt\" | \"currentDate\" | \"errorMessage\"\n> {\n  state: (typeof DirectoryState)[\"linked\"];\n  type: DirectoryType;\n  lastSyncAt: string | null;\n  currentDate?: Date | null;\n  errorMessage?: React.ReactNode;\n}\n\ninterface InvalidCredentialsProps extends Omit<\n  BaseDirectorySyncProps,\n  \"type\" | \"errorMessage\"\n> {\n  state: (typeof DirectoryState)[\"invalid_credentials\"];\n  type: DirectoryType;\n  errorMessage: React.ReactNode;\n}\n\ninterface DeletingProps extends Omit<BaseDirectorySyncProps, \"type\"> {\n  state: (typeof DirectoryState)[\"deleting\"];\n  type: DirectoryType;\n}\n\ntype DirectorySyncStatusProps =\n  | NotConfiguredProps\n  | SetupInProgressProps\n  | ErrorBeforeConfigProps\n  | ValidatingProps\n  | ActiveProps\n  | InvalidCredentialsProps\n  | DeletingProps;\n\ntype DirectorySyncProps = WidgetRootDomProps & DirectorySyncStatusProps;\n\ninterface DirectorySyncContextValue {\n  state: DirectorySyncStatusProps[\"state\"];\n  type?: DirectoryType;\n}\n\nconst DirectorySyncContext =\n  React.createContext<DirectorySyncContextValue | null>(null);\nDirectorySyncContext.displayName = \"DirectorySyncContext\";\n\nfunction useDirectorySyncContext() {\n  const context = React.useContext(DirectorySyncContext);\n  if (!context) {\n    throw new Error(\n      \"useDirectorySyncContext must be used within a DirectorySyncContext provider\",\n    );\n  }\n  return context;\n}\n\nfunction DirectoryProviderInfo({\n  type,\n  subtitle,\n}: {\n  type: DirectoryType;\n  subtitle?: React.ReactNode;\n}) {\n  return (\n    <Flex gap=\"4\" align=\"center\">\n      <IconPanel color=\"panel\">\n        <ProviderIcon\n          provider={getDirectoryTypeIcon(type) ?? \"workos\"}\n          size=\"2\"\n        />\n      </IconPanel>\n      {subtitle ? (\n        <Flex direction=\"column\">\n          <Text size=\"2\" weight=\"bold\">\n            {getDirectoryTypeName(type)}\n          </Text>\n          {subtitle}\n        </Flex>\n      ) : (\n        <Text size=\"2\" weight=\"bold\">\n          {getDirectoryTypeName(type)}\n        </Text>\n      )}\n    </Flex>\n  );\n}\n\nfunction SpinnerMessage({ children }: { children: React.ReactNode }) {\n  return (\n    <Flex gap=\"2\" align=\"center\">\n      <Spinner />\n      <Text size=\"2\" color=\"gray\">\n        {children}\n      </Text>\n    </Flex>\n  );\n}\n\nfunction getStatusBadge(state: DirectoryState) {\n  switch (state) {\n    case DirectoryState.requires_type:\n    case DirectoryState.invalid_credentials:\n      return (\n        <Status state=\"error\">\n          <Translation\n            defaultMessage=\"Requires action\"\n            id=\"uuuXIF\"\n            description=\"Status badge when directory requires user action\"\n          />\n        </Status>\n      );\n    case DirectoryState.linked:\n      return (\n        <Status state=\"success\">\n          <Translation\n            defaultMessage=\"Connected\"\n            id=\"H/dAHq\"\n            description=\"Status badge when directory is active\"\n          />\n        </Status>\n      );\n    default:\n      return null;\n  }\n}\n\nfunction getSpinnerMessage(\n  state: DirectoryState,\n  hasType: boolean,\n): string | null {\n  if (state === DirectoryState.unlinked && hasType)\n    return \"Setup in progress...\";\n  if (state === DirectoryState.validating)\n    return \"Waiting for users and groups...\";\n  if (state === DirectoryState.deleting) return \"Deleting directory...\";\n  return null;\n}\n\nconst DirectorySync: React.FC<DirectorySyncProps> = ({\n  state,\n  className,\n  ...rest\n}) => {\n  const type =\n    \"type\" in rest ? (rest as { type: DirectoryType }).type : undefined;\n  const errorMessage =\n    \"errorMessage\" in rest\n      ? (rest as { errorMessage: React.ReactNode }).errorMessage\n      : undefined;\n  const metadata =\n    \"metadata\" in rest\n      ? (rest as { metadata: DirectoryMetadata }).metadata\n      : undefined;\n  const link =\n    \"link\" in rest ? (rest as { link: string | null }).link : undefined;\n  const userCount = metadata?.users.active ?? 0;\n  const groupCount = metadata?.groups ?? 0;\n  const lastSyncAt = rest.lastSyncAt ? new Date(rest.lastSyncAt) : null;\n\n  const currentDate =\n    \"currentDate\" in rest && rest.currentDate instanceof Date\n      ? rest.currentDate\n      : undefined;\n\n  const lastSyncString = lastSyncAt\n    ? getRelativeTimeString(currentDate ?? new Date(), lastSyncAt)\n    : null;\n\n  const showCounts =\n    state === DirectoryState.linked ||\n    state === DirectoryState.invalid_credentials ||\n    state === DirectoryState.deleting;\n  const statusBadge = getStatusBadge(state);\n  const spinnerMessage = getSpinnerMessage(state, !!type);\n  const showButton = state !== DirectoryState.deleting;\n  const domProps: WidgetRootDomProps = { className };\n\n  const countsSubtitle = showCounts ? (\n    <Text size=\"2\" color=\"gray\">\n      <Translation\n        defaultMessage=\"{userCount} {userLabel}\"\n        id=\"aZxx55\"\n        description=\"Directory sync user and group counts\"\n        values={{\n          userCount,\n          userLabel: userCount !== 1 ? \"users\" : \"user\",\n        }}\n      />\n      {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}\n      <span aria-hidden> ∙ </span>\n      <Translation\n        defaultMessage=\"{groupCount} {groupLabel}\"\n        id=\"SgiDio\"\n        description=\"Directory sync group count\"\n        values={{\n          groupCount,\n          groupLabel: groupCount !== 1 ? \"groups\" : \"group\",\n        }}\n      />\n      {lastSyncString && (\n        <>\n          {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}\n          <span aria-hidden> ∙ </span>\n          <Translation\n            defaultMessage=\"Last sync {lastSync}\"\n            id=\"UUqjnE\"\n            description=\"Last sync timestamp for directory\"\n            values={{ lastSync: lastSyncString }}\n          />\n        </>\n      )}\n    </Text>\n  ) : null;\n\n  return (\n    <CardList.Root {...getWidgetRootDomProps(\"resolved\", domProps)}>\n      <DirectorySyncContext.Provider value={{ state, type }}>\n        <CardList.Item>\n          <Flex direction=\"row\" justify=\"between\" align=\"center\" gap=\"2\">\n            {!type ? (\n              <>\n                <Text size=\"2\" color=\"gray\">\n                  <Translation\n                    defaultMessage=\"You haven't set up a directory yet.\"\n                    id=\"+ywYVl\"\n                    description=\"Empty state message when no directory is configured\"\n                  />\n                </Text>\n                <AdminPortalOpenButton href={link ?? null} />\n              </>\n            ) : (\n              <>\n                <DirectoryProviderInfo type={type} subtitle={countsSubtitle} />\n                <Flex gap=\"5\" align=\"center\">\n                  {statusBadge}\n                  {spinnerMessage && (\n                    <SpinnerMessage>{spinnerMessage}</SpinnerMessage>\n                  )}\n                  {showButton && <AdminPortalOpenButton href={link ?? null} />}\n                </Flex>\n              </>\n            )}\n          </Flex>\n        </CardList.Item>\n\n        {errorMessage && (\n          <CardList.Item>\n            <Flex align=\"start\" gap=\"2\">\n              <Box asChild mt=\"2px\" flexShrink=\"0\">\n                <InfoCircledIcon color=\"var(--gray-11)\" />\n              </Box>\n              <Text size=\"2\" color=\"gray\">\n                {errorMessage}\n              </Text>\n            </Flex>\n          </CardList.Item>\n        )}\n      </DirectorySyncContext.Provider>\n    </CardList.Root>\n  );\n};\n\nfunction AdminPortalOpenButton({\n  href,\n  children,\n}: {\n  href: string | null;\n  children?: React.ReactNode;\n}) {\n  const { state, type } = useDirectorySyncContext();\n\n  const label = (() => {\n    switch (state) {\n      case DirectoryState.unlinked:\n        return type ? \"Continue setup\" : \"Set up directory\";\n      case DirectoryState.validating:\n        return \"Manage\";\n      default:\n        return \"Manage\";\n    }\n  })();\n\n  if (href) {\n    return (\n      <Button variant=\"secondary\" asChild>\n        <a href={href} target=\"_blank\" rel=\"noopener noreferrer\">\n          {children ?? label} <ExternalLinkIcon aria-hidden />\n        </a>\n      </Button>\n    );\n  }\n\n  return (\n    <Button variant=\"secondary\" disabled>\n      {children ?? label} <ExternalLinkIcon aria-hidden />\n    </Button>\n  );\n}\n\ninterface DirectorySyncLoadingProps extends WidgetRootDomProps {}\n\nconst DirectorySyncLoading: React.FC<DirectorySyncLoadingProps> = (props) => {\n  return (\n    <Card size=\"2\" {...getWidgetRootDomProps(\"loading\", props)}>\n      <Flex direction=\"row\" justify=\"between\" align=\"center\" gap=\"2\">\n        <Skeleton>\n          {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}\n          <Text size=\"2\" color=\"gray\">\n            You haven't set up a directory yet.\n          </Text>\n        </Skeleton>\n        <Skeleton>\n          {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}\n          <Button variant=\"secondary\">\n            Set up directory <ExternalLinkIcon aria-hidden />\n          </Button>\n        </Skeleton>\n      </Flex>\n    </Card>\n  );\n};\n\ninterface DirectorySyncErrorProps extends WidgetRootDomProps {\n  error: unknown;\n}\n\nconst DirectorySyncError: React.FC<DirectorySyncErrorProps> = ({\n  error,\n  ...domProps\n}) => {\n  return (\n    <Card size=\"2\" {...getWidgetRootDomProps(\"error\", domProps)}>\n      <GenericError error={error} />\n    </Card>\n  );\n};\n\nfunction getWidgetRootDomProps(\n  state: WidgetRootState,\n  domProps: WidgetRootDomProps,\n) {\n  return getDomProps({\n    ...domProps,\n    isWidgetRoot: true,\n    widgetId: \"directory-sync\",\n    widgetState: state,\n  });\n}\n\nfunction getRelativeTimeString(\n  currentDate: Date | null,\n  lastSync: Date | null,\n) {\n  if (!currentDate || !lastSync) {\n    return null;\n  }\n\n  const rtf = new Intl.RelativeTimeFormat(\"en\", { numeric: \"auto\" });\n  const diff = lastSync.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\nexport type {\n  DirectorySyncProps,\n  DirectorySyncLoadingProps,\n  DirectorySyncErrorProps,\n  DirectorySyncStatusProps,\n};\nexport { DirectorySync, DirectorySyncLoading, DirectorySyncError };\n"],"mappings":"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","names":[]}

package/dist/esm/lib/identity-providers.d.ts

@@ -1,7 +1,9 @@
-declare const IDENTITY_PROVIDER_DICT: Map<"asana" | "box" | "dropbox" | "github" | "gitlab" | "google" | "google-calendar" | "google-drive" | "hubspot" | "intercom" | "linear" | "microsoft" | "notion" | "salesforce" | "slack" | "stripe" | "xero" | "zendesk" | "azure" | "access-people-hr" | "adp" | "apple" | "auth0" | "aws" | "bamboohr" | "bamboo-hr" | "bitbucket" | "breathe-hr" | "bubble" | "cas" | "cezanne-hr" | "classlink" | "clerk" | "cloudflare" | "cyberark" | "datadog" | "duo" | "firebase" | "fourth" | "generic-saml" | "generic-oidc" | "godaddy" | "google-analytics" | "google-mail" | "google-cloud" | "hibob" | "intuit" | "jumpcloud" | "keycloak" | "lastpass" | "linkedin" | "login-gov" | "miniorange" | "net-iq" | "next-auth" | "okta" | "onelogin" | "oracle" | "personio" | "ping-identity" | "react-native-expo" | "rippling" | "segment" | "shibboleth" | "simple-saml-php" | "splunk" | "supabase" | "vercel" | "vmware" | "workday" | "workos" | "test-idp" | "discord" | "clever", "GoDaddy" | "Access People HR" | "ADP" | "Apple" | "Asana" | "Auth0" | "Azure" | "AWS" | "BambooHR" | "Bitbucket" | "Box" | "BreatheHR" | "Bubble" | "CAS" | "Cezanne HR" | "Classlink" | "Clerk" | "Cloudflare" | "CyberArk" | "Datadog" | "Dropbox" | "Duo" | "Firebase" | "Fourth" | "Generic SAML" | "Generic OIDC" | "GitHub" | "GitLab" | "Google" | "Google Analytics" | "Google Calendar" | "Google Drive" | "Google Mail" | "Google Cloud" | "Hibob" | "Hubspot" | "Intercom" | "Intuit" | "JumpCloud" | "Keycloak" | "LastPass" | "Linear" | "LinkedIn" | "Login.gov" | "Microsoft" | "Miniorange" | "NetIQ" | "NextAuth" | "Notion" | "Okta" | "OneLogin" | "Oracle" | "Personio" | "Ping Identity" | "React Native Expo" | "Rippling" | "Salesforce" | "Segment" | "Shibboleth" | "Simple SAML PHP" | "Slack" | "Splunk" | "Stripe" | "Supabase" | "Vercel" | "VMware" | "Workday" | "WorkOS" | "Xero" | "Zendesk" | "Test IDP" | "Discord" | "Clever">;
+declare const IDENTITY_PROVIDER_DICT: Map<"asana" | "box" | "dropbox" | "github" | "gitlab" | "google" | "google-calendar" | "google-drive" | "hubspot" | "intercom" | "linear" | "microsoft" | "notion" | "salesforce" | "slack" | "stripe" | "xero" | "zendesk" | "bamboohr" | "hibob" | "personio" | "rippling" | "workday" | "azure" | "access-people-hr" | "adp" | "apple" | "auth0" | "aws" | "bamboo-hr" | "bitbucket" | "breathe-hr" | "bubble" | "cas" | "cezanne-hr" | "classlink" | "clerk" | "cloudflare" | "cyberark" | "datadog" | "duo" | "firebase" | "fourth" | "generic-saml" | "generic-oidc" | "godaddy" | "google-analytics" | "google-mail" | "google-cloud" | "intuit" | "jumpcloud" | "keycloak" | "lastpass" | "linkedin" | "login-gov" | "miniorange" | "net-iq" | "next-auth" | "okta" | "onelogin" | "oracle" | "ping-identity" | "react-native-expo" | "segment" | "shibboleth" | "simple-saml-php" | "splunk" | "supabase" | "vercel" | "vmware" | "workos" | "test-idp" | "discord" | "clever", "GoDaddy" | "Access People HR" | "ADP" | "Apple" | "Asana" | "Auth0" | "Azure" | "AWS" | "BambooHR" | "Bitbucket" | "Box" | "BreatheHR" | "Bubble" | "CAS" | "Cezanne HR" | "Classlink" | "Clerk" | "Cloudflare" | "CyberArk" | "Datadog" | "Dropbox" | "Duo" | "Firebase" | "Fourth" | "Generic SAML" | "Generic OIDC" | "GitHub" | "GitLab" | "Google" | "Google Analytics" | "Google Calendar" | "Google Drive" | "Google Mail" | "Google Cloud" | "HiBob" | "Hubspot" | "Intercom" | "Intuit" | "JumpCloud" | "Keycloak" | "LastPass" | "Linear" | "LinkedIn" | "Login.gov" | "Microsoft" | "Miniorange" | "NetIQ" | "NextAuth" | "Notion" | "Okta" | "OneLogin" | "Oracle" | "Personio" | "Ping Identity" | "React Native Expo" | "Rippling" | "Salesforce" | "Segment" | "Shibboleth" | "Simple SAML PHP" | "Slack" | "Splunk" | "Stripe" | "Supabase" | "Vercel" | "VMware" | "Workday" | "WorkOS" | "Xero" | "Zendesk" | "Test IDP" | "Discord" | "Clever">;
 type MapKey<T extends Map<unknown, unknown>> = T extends Map<infer K, unknown> ? K : never;
 type IdentityProvider = MapKey<typeof IDENTITY_PROVIDER_DICT>;
-declare function getIdentityProviderName(provider: IdentityProvider): "GoDaddy" | "Access People HR" | "ADP" | "Apple" | "Asana" | "Auth0" | "Azure" | "AWS" | "BambooHR" | "Bitbucket" | "Box" | "BreatheHR" | "Bubble" | "CAS" | "Cezanne HR" | "Classlink" | "Clerk" | "Cloudflare" | "CyberArk" | "Datadog" | "Dropbox" | "Duo" | "Firebase" | "Fourth" | "Generic SAML" | "Generic OIDC" | "GitHub" | "GitLab" | "Google" | "Google Analytics" | "Google Calendar" | "Google Drive" | "Google Mail" | "Google Cloud" | "Hibob" | "Hubspot" | "Intercom" | "Intuit" | "JumpCloud" | "Keycloak" | "LastPass" | "Linear" | "LinkedIn" | "Login.gov" | "Microsoft" | "Miniorange" | "NetIQ" | "NextAuth" | "Notion" | "Okta" | "OneLogin" | "Oracle" | "Personio" | "Ping Identity" | "React Native Expo" | "Rippling" | "Salesforce" | "Segment" | "Shibboleth" | "Simple SAML PHP" | "Slack" | "Splunk" | "Stripe" | "Supabase" | "Vercel" | "VMware" | "Workday" | "WorkOS" | "Xero" | "Zendesk" | "Test IDP" | "Discord" | "Clever" | undefined;
+declare function getIdentityProviderName(provider: IdentityProvider): "GoDaddy" | "Access People HR" | "ADP" | "Apple" | "Asana" | "Auth0" | "Azure" | "AWS" | "BambooHR" | "Bitbucket" | "Box" | "BreatheHR" | "Bubble" | "CAS" | "Cezanne HR" | "Classlink" | "Clerk" | "Cloudflare" | "CyberArk" | "Datadog" | "Dropbox" | "Duo" | "Firebase" | "Fourth" | "Generic SAML" | "Generic OIDC" | "GitHub" | "GitLab" | "Google" | "Google Analytics" | "Google Calendar" | "Google Drive" | "Google Mail" | "Google Cloud" | "HiBob" | "Hubspot" | "Intercom" | "Intuit" | "JumpCloud" | "Keycloak" | "LastPass" | "Linear" | "LinkedIn" | "Login.gov" | "Microsoft" | "Miniorange" | "NetIQ" | "NextAuth" | "Notion" | "Okta" | "OneLogin" | "Oracle" | "Personio" | "Ping Identity" | "React Native Expo" | "Rippling" | "Salesforce" | "Segment" | "Shibboleth" | "Simple SAML PHP" | "Slack" | "Splunk" | "Stripe" | "Supabase" | "Vercel" | "VMware" | "Workday" | "WorkOS" | "Xero" | "Zendesk" | "Test IDP" | "Discord" | "Clever" | undefined;
+declare function getDirectoryTypeIcon(directoryType: string): IdentityProvider | null;
+declare function getDirectoryTypeName(directoryType: string): string;
 declare function isIdentityProvider(provider: unknown): boolean;
 
-export { type IdentityProvider, getIdentityProviderName, isIdentityProvider };
+export { type IdentityProvider, getDirectoryTypeIcon, getDirectoryTypeName, getIdentityProviderName, isIdentityProvider };