@workos-inc/widgets 1.20.1 → 1.20.2-next.1792082022643

package/dist/esm/lib/pipes.js

@@ -1,29 +1,29 @@
 "use client";
-import { Item, Root } from "./card-list.js";
+import { ApiError } from "../api/errors.js";
+import { useClientGraphql } from "../api/client-graphql/client.js";
+import { clientGraphqlQueryKey, useClientGraphqlMutation, useClientGraphqlQuery } from "../api/client-graphql/hooks.js";
 import { getWidgetDomProps } from "./utils/widget-dom-props.js";
 import { useTranslation } from "./i18n/use-translation.js";
-import { Close, Content as DialogContent, Description as DialogDescription, Root as Root$1, Title } from "./elements/dialog.js";
-import { Cancel, Content as AlertDialogContent, Description as AlertDialogDescription, Root as Root$2, Title as Title$1 } from "./elements/alert-dialog.js";
-import { Content as DropdownMenuContent, Item as MenuItem, Root as Root$3, Sub, SubContent, SubTrigger, Trigger } from "./elements/dropdown-menu.js";
+import { GenericError } from "./generic-error.js";
+import { Close, Content as DialogContent, Description as DialogDescription, Root, Title } from "./elements/dialog.js";
+import { Cancel, Content as AlertDialogContent, Description as AlertDialogDescription, Root as Root$1, Title as Title$1 } from "./elements/alert-dialog.js";
+import { Content as DropdownMenuContent, Item as MenuItem, Root as Root$2, Sub, SubContent, SubTrigger, Trigger } from "./elements/dropdown-menu.js";
 import { Button as Button$1, IconButton as IconButton$1, Label, PasswordField, Skeleton as Skeleton$1, TextField as TextField$1 } from "./elements.js";
-import { ProviderIcon } from "./provider-icon.js";
+import { Translation } from "./i18n/translation.js";
 import { IconPanel } from "./icon-panel.js";
+import { Item, Root as Root$3 } from "./card-list.js";
+import { ProviderIcon } from "./provider-icon.js";
 import { Status } from "./status.js";
-import { Translation } from "./i18n/translation.js";
-import { GenericError } from "./generic-error.js";
-import { ApiError } from "../api/errors.js";
-import { useClientGraphql } from "../api/client-graphql/client.js";
-import { clientGraphqlQueryKey, useClientGraphqlMutation, useClientGraphqlQuery } from "../api/client-graphql/hooks.js";
 import { DataIntegrationIcon } from "./data-integration-icon.js";
 import { myDataIntegrationsQueryKeys, useInvalidateConnections } from "./api/pipes.js";
 import { ADD_CONNECTION, AddConnectionButtonLabel, ConnectAnotherAccountMenuLabel, ConnectionCountStatus, ConnectionNameField, RenameConnectionDialog, RenameMenuLabel, canRenameConnections, createAddConnectionTarget, getConnectionLabel, getConnectionTarget, toAccountDisplayNameInput, toConnectionTargetInput, toCreationTargetInput } from "./pipes-connections.js";
 import { buildRedactedSecret, isRedactedSecret } from "./redacted-secret.js";
 import { usePipesCredentialAttribution } from "./pipes-credential-attribution.js";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Callout, Card, Flex, Text } from "@radix-ui/themes";
+import { useQueryClient } from "@tanstack/react-query";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { DotsHorizontalIcon, ExternalLinkIcon, GlobeIcon, LockClosedIcon } from "@radix-ui/react-icons";
-import { useQueryClient } from "@tanstack/react-query";
 //#region src/lib/pipes.tsx
 const HANDOFF_INTERVAL_MS = 100;
 const HANDOFF_MAX_ATTEMPTS = 100;
@@ -619,7 +619,7 @@ function ConnectDialog({ integration, fields, open, onOpenChange, onConnect, col
 			setIsSubmitting(false);
 		}
 	};
-	return /* @__PURE__ */ jsx(Root$1, {
+	return /* @__PURE__ */ jsx(Root, {
 		open,
 		onOpenChange: (next) => {
 			onOpenChange(next);
@@ -794,7 +794,7 @@ function ApiKeyDialog({ integration, installation = integration.installation, ow
 		if (error instanceof ApiError && error.message) return error.message;
 		return null;
 	})();
-	return /* @__PURE__ */ jsx(Root$1, {
+	return /* @__PURE__ */ jsx(Root, {
 		open,
 		onOpenChange,
 		children: /* @__PURE__ */ jsxs(DialogContent, {
@@ -1000,7 +1000,7 @@ function ClientCredentialsDialog({ integration, installation = integration.insta
 			});
 		} else userUpsert.mutate(input);
 	};
-	return /* @__PURE__ */ jsx(Root$1, {
+	return /* @__PURE__ */ jsx(Root, {
 		open,
 		onOpenChange,
 		children: /* @__PURE__ */ jsxs(DialogContent, {
@@ -1232,7 +1232,7 @@ function MultiMethodConnectButton({ integration, methods, onConnect, onConnected
 			onOpenChange: setOauthOpen,
 			onConnect
 		}),
-		/* @__PURE__ */ jsxs(Root$3, { children: [/* @__PURE__ */ jsx(Trigger, { children: /* @__PURE__ */ jsx(Button$1, {
+		/* @__PURE__ */ jsxs(Root$2, { children: [/* @__PURE__ */ jsx(Trigger, { children: /* @__PURE__ */ jsx(Button$1, {
 			variant: "secondary",
 			children: /* @__PURE__ */ jsx(Translation, {
 				defaultMessage: "Connect",
@@ -1316,7 +1316,7 @@ function useAddConnectionFlow(integration, owner = "user") {
 function AddConnectionButton({ capabilities, onSelect }) {
 	const methods = getAddConnectionMethods(capabilities);
 	if (methods.length === 0) return null;
-	return methods.length > 1 ? /* @__PURE__ */ jsxs(Root$3, { children: [/* @__PURE__ */ jsx(Trigger, { children: /* @__PURE__ */ jsx(Button$1, {
+	return methods.length > 1 ? /* @__PURE__ */ jsxs(Root$2, { children: [/* @__PURE__ */ jsx(Trigger, { children: /* @__PURE__ */ jsx(Button$1, {
 		variant: "secondary",
 		children: /* @__PURE__ */ jsx(AddConnectionButtonLabel, {})
 	}) }), /* @__PURE__ */ jsx(DropdownMenuContent, {
@@ -1405,7 +1405,7 @@ function ProviderStatus({ integration }) {
 						id: "dqczQS",
 						description: "Status text for integration needing reauthorization"
 					})
-				}), isClientCredentialsInstallation ? /* @__PURE__ */ jsxs(Root$3, { children: [/* @__PURE__ */ jsx(Trigger, { children: /* @__PURE__ */ jsx(IconButton$1, {
+				}), isClientCredentialsInstallation ? /* @__PURE__ */ jsxs(Root$2, { children: [/* @__PURE__ */ jsx(Trigger, { children: /* @__PURE__ */ jsx(IconButton$1, {
 					title: pipeActionsTitle,
 					children: /* @__PURE__ */ jsx(DotsHorizontalIcon, {})
 				}) }), /* @__PURE__ */ jsxs(DropdownMenuContent, {
@@ -1426,7 +1426,7 @@ function ProviderStatus({ integration }) {
 							description: "Menu option to disconnect an account"
 						})
 					})]
-				})] }) : connected && isApiKeyInstallation ? /* @__PURE__ */ jsxs(Root$3, { children: [/* @__PURE__ */ jsx(Trigger, { children: /* @__PURE__ */ jsx(IconButton$1, {
+				})] }) : connected && isApiKeyInstallation ? /* @__PURE__ */ jsxs(Root$2, { children: [/* @__PURE__ */ jsx(Trigger, { children: /* @__PURE__ */ jsx(IconButton$1, {
 					title: pipeActionsTitle,
 					children: /* @__PURE__ */ jsx(DotsHorizontalIcon, {})
 				}) }), /* @__PURE__ */ jsxs(DropdownMenuContent, {
@@ -1455,7 +1455,7 @@ function ProviderStatus({ integration }) {
 						id: "vMVXQh",
 						description: "Button to disconnect an account"
 					})
-				}) : isApiKeyInstallation ? /* @__PURE__ */ jsxs(Root$3, { children: [/* @__PURE__ */ jsx(Trigger, { children: /* @__PURE__ */ jsx(IconButton$1, {
+				}) : isApiKeyInstallation ? /* @__PURE__ */ jsxs(Root$2, { children: [/* @__PURE__ */ jsx(Trigger, { children: /* @__PURE__ */ jsx(IconButton$1, {
 					title: pipeActionsTitle,
 					children: /* @__PURE__ */ jsx(DotsHorizontalIcon, {})
 				}) }), /* @__PURE__ */ jsxs(DropdownMenuContent, {
@@ -1476,7 +1476,7 @@ function ProviderStatus({ integration }) {
 							description: "Menu option to disconnect an account"
 						})
 					})]
-				})] }) : /* @__PURE__ */ jsxs(Root$3, { children: [/* @__PURE__ */ jsx(Trigger, { children: /* @__PURE__ */ jsx(IconButton$1, {
+				})] }) : /* @__PURE__ */ jsxs(Root$2, { children: [/* @__PURE__ */ jsx(Trigger, { children: /* @__PURE__ */ jsx(IconButton$1, {
 					title: pipeActionsTitle,
 					children: /* @__PURE__ */ jsx(DotsHorizontalIcon, {})
 				}) }), /* @__PURE__ */ jsxs(DropdownMenuContent, {
@@ -1552,7 +1552,7 @@ function DisconnectAccountDialog({ integrationName, installationId, open, onOpen
 	useEffect(() => {
 		if (open) reset();
 	}, [open, reset]);
-	return /* @__PURE__ */ jsx(Root$2, {
+	return /* @__PURE__ */ jsx(Root$1, {
 		open,
 		onOpenChange,
 		children: /* @__PURE__ */ jsxs(AlertDialogContent, {
@@ -1647,7 +1647,7 @@ function PipesSkeletonItems({ count }) {
 	}) }, index));
 }
 const PipesLoading = ({ count, ...domProps }) => {
-	return /* @__PURE__ */ jsx(Root, {
+	return /* @__PURE__ */ jsx(Root$3, {
 		...getWidgetRootDomProps("loading", domProps),
 		children: /* @__PURE__ */ jsx(PipesSkeletonItems, { count })
 	});
@@ -1696,7 +1696,7 @@ function PipesEmptyItem({ isFiltered }) {
 	}) });
 }
 const Pipes = ({ integrations, hasUnfilteredIntegrations, ...domProps }) => {
-	return /* @__PURE__ */ jsx(Root, {
+	return /* @__PURE__ */ jsx(Root$3, {
 		...getWidgetRootDomProps("resolved", domProps),
 		children: integrations.length > 0 ? /* @__PURE__ */ jsx(PipesItems, { integrations }) : /* @__PURE__ */ jsx(PipesEmptyItem, { isFiltered: hasUnfilteredIntegrations ?? false })
 	});
@@ -1931,7 +1931,7 @@ function MemberConnectionActions({ integration, installation, label, onConnect,
 					id: "3IbiTG",
 					description: "Button to reauthorize a connection that stopped working"
 				})
-			})), /* @__PURE__ */ jsxs(Root$3, { children: [/* @__PURE__ */ jsx(Trigger, { children: /* @__PURE__ */ jsx(IconButton$1, {
+			})), /* @__PURE__ */ jsxs(Root$2, { children: [/* @__PURE__ */ jsx(Trigger, { children: /* @__PURE__ */ jsx(IconButton$1, {
 				title: pipeActionsTitle,
 				children: /* @__PURE__ */ jsx(DotsHorizontalIcon, {})
 			}) }), /* @__PURE__ */ jsxs(DropdownMenuContent, {
@@ -2133,7 +2133,7 @@ const PipesSections = ({ integrations, hasUnfilteredIntegrations, sharedConnecti
 				id: "72FEZi",
 				description: "Description of the shared connections section when the organization name is unknown"
 			}),
-			children: /* @__PURE__ */ jsx(Root, { children: isSharedLoading ? /* @__PURE__ */ jsx(PipesSkeletonItems, { count: 2 }) : sharedConnections.length > 0 ? sharedConnections.map((connection) => /* @__PURE__ */ jsx(SharedConnectionItem, { connection }, connection.id)) : /* @__PURE__ */ jsx(PipesEmptyItem, { isFiltered: true }) })
+			children: /* @__PURE__ */ jsx(Root$3, { children: isSharedLoading ? /* @__PURE__ */ jsx(PipesSkeletonItems, { count: 2 }) : sharedConnections.length > 0 ? sharedConnections.map((connection) => /* @__PURE__ */ jsx(SharedConnectionItem, { connection }, connection.id)) : /* @__PURE__ */ jsx(PipesEmptyItem, { isFiltered: true }) })
 		}), /* @__PURE__ */ jsx(PipesSection, {
 			title: /* @__PURE__ */ jsx(Translation, {
 				defaultMessage: "Your connections",
@@ -2145,7 +2145,7 @@ const PipesSections = ({ integrations, hasUnfilteredIntegrations, sharedConnecti
 				id: "ObXqUu",
 				description: "Description of the personal connections section"
 			}),
-			children: /* @__PURE__ */ jsx(Root, { children: integrations.length > 0 ? /* @__PURE__ */ jsx(MemberConnectionItems, { integrations }) : /* @__PURE__ */ jsx(PipesEmptyItem, { isFiltered: hasUnfilteredIntegrations ?? false }) })
+			children: /* @__PURE__ */ jsx(Root$3, { children: integrations.length > 0 ? /* @__PURE__ */ jsx(MemberConnectionItems, { integrations }) : /* @__PURE__ */ jsx(PipesEmptyItem, { isFiltered: hasUnfilteredIntegrations ?? false }) })
 		})]
 	});
 };