@workos-inc/widgets 1.8.2 → 1.9.1

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" | "Datadog" | "Splunk" | "Access People HR" | "ADP" | "Apple" | "Asana" | "Auth0" | "Azure" | "AWS" | "BambooHR" | "Bitbucket" | "Box" | "BreatheHR" | "Bubble" | "CAS" | "Cezanne HR" | "Classlink" | "Clerk" | "Cloudflare" | "CyberArk" | "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" | "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" | "Datadog" | "Splunk" | "Access People HR" | "ADP" | "Apple" | "Asana" | "Auth0" | "Azure" | "AWS" | "BambooHR" | "Bitbucket" | "Box" | "BreatheHR" | "Bubble" | "CAS" | "Cezanne HR" | "Classlink" | "Clerk" | "Cloudflare" | "CyberArk" | "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" | "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 };

package/dist/esm/lib/identity-providers.js

@@ -34,7 +34,7 @@ const IDENTITY_PROVIDER_DICT = /* @__PURE__ */ new Map([
   ["google-drive", "Google Drive"],
   ["google-mail", "Google Mail"],
   ["google-cloud", "Google Cloud"],
-  ["hibob", "Hibob"],
+  ["hibob", "HiBob"],
   ["hubspot", "Hubspot"],
   ["intercom", "Intercom"],
   ["intuit", "Intuit"],
@@ -77,10 +77,64 @@ const IDENTITY_PROVIDER_DICT = /* @__PURE__ */ new Map([
 function getIdentityProviderName(provider) {
   return IDENTITY_PROVIDER_DICT.get(provider);
 }
+const DIRECTORY_TYPE_TO_ICON = {
+  "azure scim v2.0": "azure",
+  bamboohr: "bamboohr",
+  "breathe hr": "breathe-hr",
+  "cezanne hr": "cezanne-hr",
+  "cyberark scim v2.0": "cyberark",
+  "fourth hr": "fourth",
+  "generic scim v2.0": "workos",
+  "gsuite directory": "google",
+  hibob: "hibob",
+  "jump cloud scim v2.0": "jumpcloud",
+  "okta scim v2.0": "okta",
+  "onelogin scim v2.0": "onelogin",
+  "people hr": "access-people-hr",
+  personio: "personio",
+  "pingfederate scim v2.0": "ping-identity",
+  "rippling scim v2.0": "rippling",
+  s3: "aws",
+  sftp: "workos",
+  "sftp workday": "workday",
+  workday: "workday",
+  pending: "workos"
+};
+const DIRECTORY_TYPE_TO_NAME = {
+  "azure scim v2.0": "Microsoft Entra ID",
+  bamboohr: "BambooHR",
+  "breathe hr": "Breathe HR",
+  "cezanne hr": "Cezanne HR",
+  "cyberark scim v2.0": "CyberArk",
+  "fourth hr": "Fourth HR",
+  "generic scim v2.0": "Generic SCIM",
+  "gsuite directory": "Google Workspace",
+  hibob: "HiBob",
+  "jump cloud scim v2.0": "JumpCloud",
+  "okta scim v2.0": "Okta",
+  "onelogin scim v2.0": "OneLogin",
+  "people hr": "People HR",
+  personio: "Personio",
+  "pingfederate scim v2.0": "PingFederate",
+  "rippling scim v2.0": "Rippling",
+  s3: "Amazon S3",
+  sftp: "SFTP",
+  "sftp workday": "Workday (SFTP)",
+  workday: "Workday",
+  pending: "Pending"
+};
+function getDirectoryTypeIcon(directoryType) {
+  return DIRECTORY_TYPE_TO_ICON[directoryType] ?? null;
+}
+function getDirectoryTypeName(directoryType) {
+  return DIRECTORY_TYPE_TO_NAME[directoryType] ?? directoryType;
+}
 function isIdentityProvider(provider) {
   return typeof provider === "string" && IDENTITY_PROVIDER_DICT.has(provider);
 }
 export {
+  getDirectoryTypeIcon,
+  getDirectoryTypeName,
   getIdentityProviderName,
   isIdentityProvider
 };

package/dist/esm/lib/identity-providers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/identity-providers.ts"],"sourcesContent":["const IDENTITY_PROVIDER_DICT = new Map([\n  [\"access-people-hr\", \"Access People HR\"],\n  [\"adp\", \"ADP\"],\n  [\"apple\", \"Apple\"],\n  [\"asana\", \"Asana\"],\n  [\"auth0\", \"Auth0\"],\n  [\"azure\", \"Azure\"],\n  [\"aws\", \"AWS\"],\n  [\"bamboohr\", \"BambooHR\"],\n  [\"bamboo-hr\", \"BambooHR\"],\n  [\"bitbucket\", \"Bitbucket\"],\n  [\"box\", \"Box\"],\n  [\"breathe-hr\", \"BreatheHR\"],\n  [\"bubble\", \"Bubble\"],\n  [\"cas\", \"CAS\"],\n  [\"cezanne-hr\", \"Cezanne HR\"],\n  [\"classlink\", \"Classlink\"],\n  [\"clerk\", \"Clerk\"],\n  [\"cloudflare\", \"Cloudflare\"],\n  [\"cyberark\", \"CyberArk\"],\n  [\"datadog\", \"Datadog\"],\n  [\"dropbox\", \"Dropbox\"],\n  [\"duo\", \"Duo\"],\n  [\"firebase\", \"Firebase\"],\n  [\"fourth\", \"Fourth\"],\n  [\"generic-saml\", \"Generic SAML\"],\n  [\"generic-oidc\", \"Generic OIDC\"],\n  [\"github\", \"GitHub\"],\n  [\"gitlab\", \"GitLab\"],\n  [\"godaddy\", \"GoDaddy\"],\n  [\"google\", \"Google\"],\n  [\"google-analytics\", \"Google Analytics\"],\n  [\"google-calendar\", \"Google Calendar\"],\n  [\"google-drive\", \"Google Drive\"],\n  [\"google-mail\", \"Google Mail\"],\n  [\"google-cloud\", \"Google Cloud\"],\n  [\"hibob\", \"Hibob\"],\n  [\"hubspot\", \"Hubspot\"],\n  [\"intercom\", \"Intercom\"],\n  [\"intuit\", \"Intuit\"],\n  [\"jumpcloud\", \"JumpCloud\"],\n  [\"keycloak\", \"Keycloak\"],\n  [\"lastpass\", \"LastPass\"],\n  [\"linear\", \"Linear\"],\n  [\"linkedin\", \"LinkedIn\"],\n  [\"login-gov\", \"Login.gov\"],\n  [\"microsoft\", \"Microsoft\"],\n  [\"miniorange\", \"Miniorange\"],\n  [\"net-iq\", \"NetIQ\"],\n  [\"next-auth\", \"NextAuth\"],\n  [\"notion\", \"Notion\"],\n  [\"okta\", \"Okta\"],\n  [\"onelogin\", \"OneLogin\"],\n  [\"oracle\", \"Oracle\"],\n  [\"personio\", \"Personio\"],\n  [\"ping-identity\", \"Ping Identity\"],\n  [\"react-native-expo\", \"React Native Expo\"],\n  [\"rippling\", \"Rippling\"],\n  [\"salesforce\", \"Salesforce\"],\n  [\"segment\", \"Segment\"],\n  [\"shibboleth\", \"Shibboleth\"],\n  [\"simple-saml-php\", \"Simple SAML PHP\"],\n  [\"slack\", \"Slack\"],\n  [\"splunk\", \"Splunk\"],\n  [\"stripe\", \"Stripe\"],\n  [\"supabase\", \"Supabase\"],\n  [\"vercel\", \"Vercel\"],\n  [\"vmware\", \"VMware\"],\n  [\"workday\", \"Workday\"],\n  [\"workos\", \"WorkOS\"],\n  [\"xero\", \"Xero\"],\n  [\"zendesk\", \"Zendesk\"],\n  [\"test-idp\", \"Test IDP\"],\n  [\"discord\", \"Discord\"],\n  [\"clever\", \"Clever\"],\n] as const);\n\ntype MapKey<T extends Map<unknown, unknown>> =\n  T extends Map<infer K, unknown> ? K : never;\n\nexport type IdentityProvider = MapKey<typeof IDENTITY_PROVIDER_DICT>;\n\nexport function getIdentityProviderName(provider: IdentityProvider) {\n  return IDENTITY_PROVIDER_DICT.get(provider);\n}\n\nexport function isIdentityProvider(provider: unknown) {\n  return (\n    typeof provider === \"string\" &&\n    IDENTITY_PROVIDER_DICT.has(provider as IdentityProvider)\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/lib/identity-providers.ts"],"sourcesContent":["const IDENTITY_PROVIDER_DICT = new Map([\n  [\"access-people-hr\", \"Access People HR\"],\n  [\"adp\", \"ADP\"],\n  [\"apple\", \"Apple\"],\n  [\"asana\", \"Asana\"],\n  [\"auth0\", \"Auth0\"],\n  [\"azure\", \"Azure\"],\n  [\"aws\", \"AWS\"],\n  [\"bamboohr\", \"BambooHR\"],\n  [\"bamboo-hr\", \"BambooHR\"],\n  [\"bitbucket\", \"Bitbucket\"],\n  [\"box\", \"Box\"],\n  [\"breathe-hr\", \"BreatheHR\"],\n  [\"bubble\", \"Bubble\"],\n  [\"cas\", \"CAS\"],\n  [\"cezanne-hr\", \"Cezanne HR\"],\n  [\"classlink\", \"Classlink\"],\n  [\"clerk\", \"Clerk\"],\n  [\"cloudflare\", \"Cloudflare\"],\n  [\"cyberark\", \"CyberArk\"],\n  [\"datadog\", \"Datadog\"],\n  [\"dropbox\", \"Dropbox\"],\n  [\"duo\", \"Duo\"],\n  [\"firebase\", \"Firebase\"],\n  [\"fourth\", \"Fourth\"],\n  [\"generic-saml\", \"Generic SAML\"],\n  [\"generic-oidc\", \"Generic OIDC\"],\n  [\"github\", \"GitHub\"],\n  [\"gitlab\", \"GitLab\"],\n  [\"godaddy\", \"GoDaddy\"],\n  [\"google\", \"Google\"],\n  [\"google-analytics\", \"Google Analytics\"],\n  [\"google-calendar\", \"Google Calendar\"],\n  [\"google-drive\", \"Google Drive\"],\n  [\"google-mail\", \"Google Mail\"],\n  [\"google-cloud\", \"Google Cloud\"],\n  [\"hibob\", \"HiBob\"],\n  [\"hubspot\", \"Hubspot\"],\n  [\"intercom\", \"Intercom\"],\n  [\"intuit\", \"Intuit\"],\n  [\"jumpcloud\", \"JumpCloud\"],\n  [\"keycloak\", \"Keycloak\"],\n  [\"lastpass\", \"LastPass\"],\n  [\"linear\", \"Linear\"],\n  [\"linkedin\", \"LinkedIn\"],\n  [\"login-gov\", \"Login.gov\"],\n  [\"microsoft\", \"Microsoft\"],\n  [\"miniorange\", \"Miniorange\"],\n  [\"net-iq\", \"NetIQ\"],\n  [\"next-auth\", \"NextAuth\"],\n  [\"notion\", \"Notion\"],\n  [\"okta\", \"Okta\"],\n  [\"onelogin\", \"OneLogin\"],\n  [\"oracle\", \"Oracle\"],\n  [\"personio\", \"Personio\"],\n  [\"ping-identity\", \"Ping Identity\"],\n  [\"react-native-expo\", \"React Native Expo\"],\n  [\"rippling\", \"Rippling\"],\n  [\"salesforce\", \"Salesforce\"],\n  [\"segment\", \"Segment\"],\n  [\"shibboleth\", \"Shibboleth\"],\n  [\"simple-saml-php\", \"Simple SAML PHP\"],\n  [\"slack\", \"Slack\"],\n  [\"splunk\", \"Splunk\"],\n  [\"stripe\", \"Stripe\"],\n  [\"supabase\", \"Supabase\"],\n  [\"vercel\", \"Vercel\"],\n  [\"vmware\", \"VMware\"],\n  [\"workday\", \"Workday\"],\n  [\"workos\", \"WorkOS\"],\n  [\"xero\", \"Xero\"],\n  [\"zendesk\", \"Zendesk\"],\n  [\"test-idp\", \"Test IDP\"],\n  [\"discord\", \"Discord\"],\n  [\"clever\", \"Clever\"],\n] as const);\n\ntype MapKey<T extends Map<unknown, unknown>> =\n  T extends Map<infer K, unknown> ? K : never;\n\nexport type IdentityProvider = MapKey<typeof IDENTITY_PROVIDER_DICT>;\n\nexport function getIdentityProviderName(provider: IdentityProvider) {\n  return IDENTITY_PROVIDER_DICT.get(provider);\n}\n\n/**\n * Maps DirectoryType values to their corresponding IdentityProvider icon.\n * Used by ProviderIcon to display the correct icon via the data-provider CSS attribute.\n */\nconst DIRECTORY_TYPE_TO_ICON: Record<string, IdentityProvider> = {\n  \"azure scim v2.0\": \"azure\",\n  bamboohr: \"bamboohr\",\n  \"breathe hr\": \"breathe-hr\",\n  \"cezanne hr\": \"cezanne-hr\",\n  \"cyberark scim v2.0\": \"cyberark\",\n  \"fourth hr\": \"fourth\",\n  \"generic scim v2.0\": \"workos\",\n  \"gsuite directory\": \"google\",\n  hibob: \"hibob\",\n  \"jump cloud scim v2.0\": \"jumpcloud\",\n  \"okta scim v2.0\": \"okta\",\n  \"onelogin scim v2.0\": \"onelogin\",\n  \"people hr\": \"access-people-hr\",\n  personio: \"personio\",\n  \"pingfederate scim v2.0\": \"ping-identity\",\n  \"rippling scim v2.0\": \"rippling\",\n  s3: \"aws\",\n  sftp: \"workos\",\n  \"sftp workday\": \"workday\",\n  workday: \"workday\",\n  pending: \"workos\",\n};\n\n/**\n * Maps DirectoryType values to their display names.\n */\nconst DIRECTORY_TYPE_TO_NAME: Record<string, string> = {\n  \"azure scim v2.0\": \"Microsoft Entra ID\",\n  bamboohr: \"BambooHR\",\n  \"breathe hr\": \"Breathe HR\",\n  \"cezanne hr\": \"Cezanne HR\",\n  \"cyberark scim v2.0\": \"CyberArk\",\n  \"fourth hr\": \"Fourth HR\",\n  \"generic scim v2.0\": \"Generic SCIM\",\n  \"gsuite directory\": \"Google Workspace\",\n  hibob: \"HiBob\",\n  \"jump cloud scim v2.0\": \"JumpCloud\",\n  \"okta scim v2.0\": \"Okta\",\n  \"onelogin scim v2.0\": \"OneLogin\",\n  \"people hr\": \"People HR\",\n  personio: \"Personio\",\n  \"pingfederate scim v2.0\": \"PingFederate\",\n  \"rippling scim v2.0\": \"Rippling\",\n  s3: \"Amazon S3\",\n  sftp: \"SFTP\",\n  \"sftp workday\": \"Workday (SFTP)\",\n  workday: \"Workday\",\n  pending: \"Pending\",\n};\n\nexport function getDirectoryTypeIcon(\n  directoryType: string,\n): IdentityProvider | null {\n  return DIRECTORY_TYPE_TO_ICON[directoryType] ?? null;\n}\n\nexport function getDirectoryTypeName(directoryType: string): string {\n  return DIRECTORY_TYPE_TO_NAME[directoryType] ?? directoryType;\n}\n\nexport function isIdentityProvider(provider: unknown) {\n  return (\n    typeof provider === \"string\" &&\n    IDENTITY_PROVIDER_DICT.has(provider as IdentityProvider)\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/esm/lib/pipes.js

@@ -24,7 +24,6 @@ import {
   useDeleteDataInstallation,
   useGetDataIntegrationAuthorizeUrlHook,
   getMyDataIntegrationsQueryKey,
-  DataInstallationState,
   useSettings
 } from "../api/endpoint.js";
 import { useQueryClient } from "@tanstack/react-query";
@@ -300,8 +299,8 @@ function ProviderStatus({ integration }) {
       /* @__PURE__ */ jsx(
         DisconnectAccountDialog,
         {
-          integration,
-          installation: integration.installation,
+          integrationName: integration.name,
+          installationId: integration.installation.id,
           open: disconnectOpen,
           onOpenChange: setDisconnectOpen
         }
@@ -310,8 +309,8 @@ function ProviderStatus({ integration }) {
         /* @__PURE__ */ jsx(
           Status,
           {
-            state: integration.installation.state === DataInstallationState.connected ? "success" : "error",
-            children: integration.installation.state === DataInstallationState.connected ? /* @__PURE__ */ jsx(
+            state: integration.installation.state === "connected" ? "success" : "error",
+            children: integration.installation.state === "connected" ? /* @__PURE__ */ jsx(
               Translation,
               {
                 defaultMessage: "Connected",
@@ -331,7 +330,7 @@ function ProviderStatus({ integration }) {
         /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [
           /* @__PURE__ */ jsx(DropdownMenu.Trigger, { children: /* @__PURE__ */ jsx(IconButton, { title: pipeActionsTitle, children: /* @__PURE__ */ jsx(DotsHorizontalIcon, {}) }) }),
           /* @__PURE__ */ jsxs(DropdownMenu.Content, { align: "end", children: [
-            integration.installation.state === DataInstallationState.needs_reauthorization && /* @__PURE__ */ jsx(
+            integration.installation.state === "needs_reauthorization" && /* @__PURE__ */ jsx(
               DropdownMenu.Item,
               {
                 onClick: async () => {
@@ -380,8 +379,8 @@ function ProviderStatus({ integration }) {
   return /* @__PURE__ */ jsx(ConnectIntegrationButton, { integration });
 }
 function DisconnectAccountDialog({
-  integration,
-  installation,
+  integrationName,
+  installationId,
   open,
   onOpenChange
 }) {
@@ -430,7 +429,7 @@ function DisconnectAccountDialog({
         id: "eEXeqP",
         description: "Confirmation message for disconnecting an account",
         values: {
-          integrationName: /* @__PURE__ */ jsx(Text, { as: "span", weight: "bold", children: integration.name })
+          integrationName: /* @__PURE__ */ jsx(Text, { as: "span", weight: "bold", children: integrationName })
         }
       }
     ) }),
@@ -449,7 +448,7 @@ function DisconnectAccountDialog({
           variant: "destructive",
           disabled: isPending,
           loading: isPending,
-          onClick: () => deleteDataInstallation({ installationId: installation.id }),
+          onClick: () => deleteDataInstallation({ installationId }),
           children: /* @__PURE__ */ jsx(
             Translation,
             {