@workos-inc/widgets 1.18.0-next.1788904392369 → 1.18.0

package/dist/esm/lib/pipes.js

@@ -26,11 +26,16 @@ import { IconPanel } from "./icon-panel.js";
 import { Status } from "./status.js";
 import {
   getMyDataIntegrationsQueryKey,
+  getOrganizationDataIntegrationsQueryKey,
+  getSharedDataConnectionsQueryKey,
   useAuthorizeDataIntegrationHook,
+  useAuthorizeOrganizationDataIntegrationHook,
   useDeleteDataInstallation,
   useSettings,
   useUpsertDataIntegrationApiKey,
-  useUpsertDataIntegrationClientCredentials
+  useUpsertDataIntegrationClientCredentials,
+  useUpsertOrganizationDataIntegrationApiKey,
+  useUpsertOrganizationDataIntegrationClientCredentials
 } from "../api/endpoint.js";
 import { useQueryClient } from "@tanstack/react-query";
 import { GenericError } from "./generic-error.js";
@@ -46,8 +51,16 @@ const CONNECT_AUTH_METHODS = [
   "client_credentials",
   "api_key"
 ];
-const useOpenDataIntegrationAuthorizeUrl = (integration) => {
+const useAuthorizeConnection = (owner) => {
   const authorizeDataIntegration = useAuthorizeDataIntegrationHook();
+  const authorizeOrganizationDataIntegration = useAuthorizeOrganizationDataIntegrationHook();
+  return useCallback(
+    (slug, config) => owner === "organization" ? authorizeOrganizationDataIntegration(slug, { config }) : authorizeDataIntegration(slug, { requireHandoff: true, config }),
+    [owner, authorizeDataIntegration, authorizeOrganizationDataIntegration]
+  );
+};
+const useOpenDataIntegrationAuthorizeUrl = (integration, owner = "user") => {
+  const authorizeDataIntegration = useAuthorizeConnection(owner);
   const settings = useSettings();
   const baseUrl = settings.data?.authkitOrigin ?? "";
   const intervalRef = useRef(
@@ -82,10 +95,10 @@ const useOpenDataIntegrationAuthorizeUrl = (integration) => {
       }
       let authorization;
       try {
-        authorization = await authorizeDataIntegration(integration.slug, {
-          requireHandoff: true,
+        authorization = await authorizeDataIntegration(
+          integration.slug,
           config
-        });
+        );
       } catch (error) {
         win.close();
         throw error;
@@ -397,14 +410,15 @@ function ConnectDialog({
   integration,
   fields,
   open,
-  onOpenChange
+  onOpenChange,
+  owner = "user"
 }) {
   const initialStep = fields.length > 0 ? "fields" : "review";
   const [step, setStep] = useState(initialStep);
   const [submitError, setSubmitError] = useState(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
   const configForm = useConfigFieldsForm(fields);
-  const eventHandler = useOpenDataIntegrationAuthorizeUrl(integration);
+  const eventHandler = useOpenDataIntegrationAuthorizeUrl(integration, owner);
   const translate = useTranslation();
   const genericConnectError = translate({
     defaultMessage: "We couldn't start the connection. Please try again.",
@@ -564,13 +578,31 @@ function ConnectIntegrationButton({
   ] });
 }
 const API_KEY_REDACTED_PREFIX = "\u2022\u2022\u2022\u2022";
+function useInvalidateConnections(owner) {
+  const queryClient = useQueryClient();
+  return useCallback(() => {
+    if (owner === "organization") {
+      queryClient.invalidateQueries({
+        queryKey: getOrganizationDataIntegrationsQueryKey()
+      });
+      queryClient.invalidateQueries({
+        queryKey: getSharedDataConnectionsQueryKey()
+      });
+    } else {
+      queryClient.invalidateQueries({
+        queryKey: getMyDataIntegrationsQueryKey()
+      });
+    }
+  }, [owner, queryClient]);
+}
 function ApiKeyDialog({
   integration,
+  installation = integration.installation,
+  owner = "user",
   open,
   onOpenChange
 }) {
-  const queryClient = useQueryClient();
-  const installation = integration.installation;
+  const invalidateConnections = useInvalidateConnections(owner);
   const isRotation = installation?.auth_method === "api_key" && installation.state === "connected";
   const last4 = installation?.api_key_last_4;
   const maskedKey = last4 ? `${API_KEY_REDACTED_PREFIX}${last4}` : "";
@@ -581,21 +613,22 @@ function ApiKeyDialog({
     id: "MzSxEF",
     description: "Placeholder for the API key input field"
   });
+  const onUpserted = () => {
+    onOpenChange(false);
+    invalidateConnections();
+  };
+  const userUpsert = useUpsertDataIntegrationApiKey({
+    mutation: { onSuccess: onUpserted }
+  });
+  const organizationUpsert = useUpsertOrganizationDataIntegrationApiKey({
+    mutation: { onSuccess: onUpserted }
+  });
   const {
     mutate: upsertApiKey,
     error,
     reset,
     isPending
-  } = useUpsertDataIntegrationApiKey({
-    mutation: {
-      onSuccess: () => {
-        onOpenChange(false);
-        queryClient.invalidateQueries({
-          queryKey: getMyDataIntegrationsQueryKey()
-        });
-      }
-    }
-  });
+  } = owner === "organization" ? organizationUpsert : userUpsert;
   useEffect(() => {
     reset();
   }, [reset]);
@@ -736,12 +769,13 @@ function ApiKeyConnectButton({
 }
 function ClientCredentialsDialog({
   integration,
+  installation = integration.installation,
+  owner = "user",
   fields,
   open,
   onOpenChange
 }) {
-  const queryClient = useQueryClient();
-  const installation = integration.installation;
+  const invalidateConnections = useInvalidateConnections(owner);
   const isUpdate = installation?.auth_method === "client_credentials";
   const storedConfig = useMemo(
     () => isUpdate ? installation?.config ?? {} : {},
@@ -771,20 +805,21 @@ function ClientCredentialsDialog({
     description: "Placeholder for the client credentials client secret input"
   });
   const secretMissing = !clientSecret.trim() || isRedactedSecret(clientSecret);
+  const onUpserted = () => {
+    onOpenChange(false);
+    invalidateConnections();
+  };
+  const userUpsert = useUpsertDataIntegrationClientCredentials({
+    mutation: { onSuccess: onUpserted }
+  });
+  const organizationUpsert = useUpsertOrganizationDataIntegrationClientCredentials({
+    mutation: { onSuccess: onUpserted }
+  });
   const {
     mutate: upsertClientCredentials,
     error,
     isPending
-  } = useUpsertDataIntegrationClientCredentials({
-    mutation: {
-      onSuccess: () => {
-        onOpenChange(false);
-        queryClient.invalidateQueries({
-          queryKey: getMyDataIntegrationsQueryKey()
-        });
-      }
-    }
-  });
+  } = owner === "organization" ? organizationUpsert : userUpsert;
   const errorMessage = error instanceof ApiError && error.message ? error.message : null;
   const handleSubmit = () => {
     if (!configForm.validate()) {
@@ -1795,9 +1830,16 @@ function getWidgetRootDomProps(state, domProps) {
   });
 }
 export {
+  ApiKeyDialog,
+  ClientCredentialsDialog,
+  ConnectDialog,
   Pipes,
+  PipesEmptyItem,
   PipesError,
   PipesLoading,
-  PipesSections
+  PipesSection,
+  PipesSections,
+  getUnpinnedInstallationFields,
+  useOpenDataIntegrationAuthorizeUrl
 };
 //# sourceMappingURL=pipes.js.map