@workos-inc/widgets 1.14.1 → 1.15.0-next.1782258061855

package/CHANGELOG.md

@@ -1,6 +1,19 @@
 # Changelog
 
-## 1.14.1
+## 1.15.0-next.1782258061855
+
+### Minor Changes
+
+- [#291](https://github.com/workos/widgets/pull/291) [`6356ad9`](https://github.com/workos/widgets/commit/6356ad99d21fe1f7bc218ead24155cb1ac2c1fdb) Thanks [@dandorman](https://github.com/dandorman)! - Add API-key install form for data integrations
+
+  Integrations whose `authMethods` includes `api_key` now render an API-key entry
+  dialog (via `useUpsertDataIntegrationApiKey`). Features:
+  - Single-method `api_key` integrations show a direct "Connect" button opening the key dialog.
+  - Dual-method (`oauth` + `api_key`) integrations show a dropdown letting the user choose.
+  - Connected API-key integrations show a "Rotate API key" option in the actions menu with
+    the current key masked as `••••{last4}`.
+  - 422 / validation errors are surfaced in a `Callout` without discarding the entered value.
+  - OAuth-only integrations are unchanged.
 
 ### Patch Changes
 

package/dist/cjs/api/endpoint.cjs

@@ -190,6 +190,9 @@ __export(endpoint_exports, {
   useUpdatePassword: () => useUpdatePassword,
   useUpdatePasswordHook: () => useUpdatePasswordHook,
   useUpdatePasswordMutationOptions: () => useUpdatePasswordMutationOptions,
+  useUpsertDataIntegrationApiKey: () => useUpsertDataIntegrationApiKey,
+  useUpsertDataIntegrationApiKeyHook: () => useUpsertDataIntegrationApiKeyHook,
+  useUpsertDataIntegrationApiKeyMutationOptions: () => useUpsertDataIntegrationApiKeyMutationOptions,
   useUpsertDataIntegrationConfiguration: () => useUpsertDataIntegrationConfiguration,
   useUpsertDataIntegrationConfigurationHook: () => useUpsertDataIntegrationConfigurationHook,
   useUpsertDataIntegrationConfigurationMutationOptions: () => useUpsertDataIntegrationConfigurationMutationOptions,
@@ -596,6 +599,37 @@ function useGetDataInstallationAuthorizationStatus(dataIntegrationId, state, opt
   const query = (0, import_react_query.useQuery)(queryOptions, queryClient);
   return { ...query, queryKey: queryOptions.queryKey };
 }
+const useUpsertDataIntegrationApiKeyHook = () => {
+  const upsertDataIntegrationApiKey = (0, import_widgets_api_client.useWidgetsApiClient)();
+  return (0, import_react.useCallback)(
+    (slug, upsertApiKeyBody, signal) => {
+      return upsertDataIntegrationApiKey({
+        url: `/_widgets/DataIntegrations/${slug}/api-key`,
+        method: "PUT",
+        headers: { "Content-Type": "application/json" },
+        data: upsertApiKeyBody,
+        signal
+      });
+    },
+    [upsertDataIntegrationApiKey]
+  );
+};
+const useUpsertDataIntegrationApiKeyMutationOptions = (options) => {
+  const mutationKey = ["upsertDataIntegrationApiKey"];
+  const { mutation: mutationOptions } = options ? options.mutation && "mutationKey" in options.mutation && options.mutation.mutationKey ? options : { ...options, mutation: { ...options.mutation, mutationKey } } : { mutation: { mutationKey } };
+  const upsertDataIntegrationApiKey = useUpsertDataIntegrationApiKeyHook();
+  const mutationFn = (props) => {
+    const { slug, data } = props ?? {};
+    return upsertDataIntegrationApiKey(slug, data);
+  };
+  return { mutationFn, ...mutationOptions };
+};
+const useUpsertDataIntegrationApiKey = (options, queryClient) => {
+  return (0, import_react_query.useMutation)(
+    useUpsertDataIntegrationApiKeyMutationOptions(options),
+    queryClient
+  );
+};
 const useGetDataIntegrationAuthorizeUrlHook = () => {
   const getDataIntegrationAuthorizeUrl = (0, import_widgets_api_client.useWidgetsApiClient)();
   return (0, import_react.useCallback)(
@@ -2052,6 +2086,9 @@ function useSettings(options, queryClient) {
   useUpdatePassword,
   useUpdatePasswordHook,
   useUpdatePasswordMutationOptions,
+  useUpsertDataIntegrationApiKey,
+  useUpsertDataIntegrationApiKeyHook,
+  useUpsertDataIntegrationApiKeyMutationOptions,
   useUpsertDataIntegrationConfiguration,
   useUpsertDataIntegrationConfigurationHook,
   useUpsertDataIntegrationConfigurationMutationOptions,