@workos-inc/widgets 1.18.0 → 1.19.0-next.1790102694835

package/dist/cjs/api/client-graphql/hooks.cjs

@@ -0,0 +1,67 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var hooks_exports = {};
+__export(hooks_exports, {
+  clientGraphqlQueryKey: () => clientGraphqlQueryKey,
+  isClientGraphqlQueryKey: () => isClientGraphqlQueryKey,
+  useClientGraphqlMutation: () => useClientGraphqlMutation,
+  useClientGraphqlQuery: () => useClientGraphqlQuery
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_react_query = require("@tanstack/react-query");
+var import_api_provider = require("../api-provider.js");
+var import_client = require("./client.js");
+const CLIENT_GRAPHQL_KEY_PREFIX = "client-graphql";
+function isClientGraphqlQueryKey(queryKey) {
+  return queryKey[0] === CLIENT_GRAPHQL_KEY_PREFIX;
+}
+function clientGraphqlQueryKey(operation, variables) {
+  return variables === void 0 ? [CLIENT_GRAPHQL_KEY_PREFIX, operation] : [CLIENT_GRAPHQL_KEY_PREFIX, operation, variables];
+}
+function useClientGraphqlQuery({
+  queryFn,
+  enabled = true,
+  ...options
+}) {
+  const sdk = (0, import_client.useClientGraphql)();
+  const isApiReady = (0, import_api_provider.useApiReady)();
+  return (0, import_react_query.useQuery)({
+    ...options,
+    queryFn: () => queryFn(sdk),
+    enabled: isApiReady && enabled
+  });
+}
+function useClientGraphqlMutation({
+  mutationFn,
+  ...options
+}) {
+  const sdk = (0, import_client.useClientGraphql)();
+  return (0, import_react_query.useMutation)({
+    ...options,
+    mutationFn: (variables) => mutationFn(sdk, variables)
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  clientGraphqlQueryKey,
+  isClientGraphqlQueryKey,
+  useClientGraphqlMutation,
+  useClientGraphqlQuery
+});
+//# sourceMappingURL=hooks.cjs.map

package/dist/cjs/api/client-graphql/hooks.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/api/client-graphql/hooks.ts"],"sourcesContent":["import {\n  useMutation,\n  useQuery,\n  type QueryKey,\n  type UseMutationOptions,\n  type UseQueryOptions,\n} from \"@tanstack/react-query\";\nimport { useApiReady } from \"../api-provider.js\";\nimport { useClientGraphql } from \"./client.js\";\nimport type { Sdk } from \"./generated.js\";\n\nexport type ClientGraphqlOperation = keyof Sdk;\n\nexport type ClientGraphqlVariables<K extends ClientGraphqlOperation> =\n  Parameters<Sdk[K]>[0];\n\nconst CLIENT_GRAPHQL_KEY_PREFIX = \"client-graphql\";\n\nexport function isClientGraphqlQueryKey(queryKey: QueryKey): boolean {\n  return queryKey[0] === CLIENT_GRAPHQL_KEY_PREFIX;\n}\n\n/**\n * React Query key for a Client GraphQL operation. Omit `variables` to address\n * every cached page/variant of an operation, e.g. when invalidating after a\n * mutation:\n *\n *   queryClient.invalidateQueries({ queryKey: clientGraphqlQueryKey(\"Sessions\") });\n */\nexport function clientGraphqlQueryKey<K extends ClientGraphqlOperation>(\n  operation: K,\n  variables?: ClientGraphqlVariables<K>,\n): QueryKey {\n  return variables === undefined\n    ? [CLIENT_GRAPHQL_KEY_PREFIX, operation]\n    : [CLIENT_GRAPHQL_KEY_PREFIX, operation, variables];\n}\n\ntype ClientGraphqlQueryOptions<TResult, TData> = Omit<\n  UseQueryOptions<TResult, Error, TData>,\n  \"queryFn\"\n> & {\n  queryFn: (sdk: Sdk) => Promise<TResult>;\n};\n\n/**\n * Runs a Client GraphQL query through React Query. The query is held until\n * `ApiProvider` has resolved an auth token (`useApiReady`), mirroring the\n * generated REST hooks.\n *\n *   useClientGraphqlQuery({\n *     queryKey: clientGraphqlQueryKey(\"ListSsoConnections\"),\n *     queryFn: (sdk) => sdk.ListSsoConnections(),\n *   });\n */\nexport function useClientGraphqlQuery<TResult, TData = TResult>({\n  queryFn,\n  enabled = true,\n  ...options\n}: ClientGraphqlQueryOptions<TResult, TData>) {\n  const sdk = useClientGraphql();\n  const isApiReady = useApiReady();\n\n  return useQuery<TResult, Error, TData>({\n    ...options,\n    queryFn: () => queryFn(sdk),\n    enabled: isApiReady && enabled,\n  });\n}\n\ntype ClientGraphqlMutationOptions<TResult, TVariables, TContext> = Omit<\n  UseMutationOptions<TResult, Error, TVariables, TContext>,\n  \"mutationFn\"\n> & {\n  mutationFn: (sdk: Sdk, variables: TVariables) => Promise<TResult>;\n};\n\n/**\n * Runs a Client GraphQL mutation through React Query. Invalidate the affected\n * queries in `onSuccess` using `clientGraphqlQueryKey`.\n *\n *   useClientGraphqlMutation({\n *     mutationFn: (sdk, input: RevokeSessionInput) => sdk.RevokeSession({ input }),\n *   });\n */\nexport function useClientGraphqlMutation<\n  TResult,\n  TVariables = void,\n  TContext = unknown,\n>({\n  mutationFn,\n  ...options\n}: ClientGraphqlMutationOptions<TResult, TVariables, TContext>) {\n  const sdk = useClientGraphql();\n\n  return useMutation<TResult, Error, TVariables, TContext>({\n    ...options,\n    mutationFn: (variables) => mutationFn(sdk, variables),\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAMO;AACP,0BAA4B;AAC5B,oBAAiC;AAQjC,MAAM,4BAA4B;AAE3B,SAAS,wBAAwB,UAA6B;AACnE,SAAO,SAAS,CAAC,MAAM;AACzB;AASO,SAAS,sBACd,WACA,WACU;AACV,SAAO,cAAc,SACjB,CAAC,2BAA2B,SAAS,IACrC,CAAC,2BAA2B,WAAW,SAAS;AACtD;AAmBO,SAAS,sBAAgD;AAAA,EAC9D;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAA8C;AAC5C,QAAM,UAAM,gCAAiB;AAC7B,QAAM,iBAAa,iCAAY;AAE/B,aAAO,6BAAgC;AAAA,IACrC,GAAG;AAAA,IACH,SAAS,MAAM,QAAQ,GAAG;AAAA,IAC1B,SAAS,cAAc;AAAA,EACzB,CAAC;AACH;AAiBO,SAAS,yBAId;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAgE;AAC9D,QAAM,UAAM,gCAAiB;AAE7B,aAAO,gCAAkD;AAAA,IACvD,GAAG;AAAA,IACH,YAAY,CAAC,cAAc,WAAW,KAAK,SAAS;AAAA,EACtD,CAAC;AACH;","names":[]}

package/dist/cjs/api/client-graphql/hooks.d.cts

@@ -0,0 +1,44 @@
+import * as _tanstack_react_query from '@tanstack/react-query';
+import { QueryKey, UseQueryOptions, UseMutationOptions } from '@tanstack/react-query';
+import { Sdk } from './generated.cjs';
+import 'graphql-request';
+
+type ClientGraphqlOperation = keyof Sdk;
+type ClientGraphqlVariables<K extends ClientGraphqlOperation> = Parameters<Sdk[K]>[0];
+declare function isClientGraphqlQueryKey(queryKey: QueryKey): boolean;
+/**
+ * React Query key for a Client GraphQL operation. Omit `variables` to address
+ * every cached page/variant of an operation, e.g. when invalidating after a
+ * mutation:
+ *
+ *   queryClient.invalidateQueries({ queryKey: clientGraphqlQueryKey("Sessions") });
+ */
+declare function clientGraphqlQueryKey<K extends ClientGraphqlOperation>(operation: K, variables?: ClientGraphqlVariables<K>): QueryKey;
+type ClientGraphqlQueryOptions<TResult, TData> = Omit<UseQueryOptions<TResult, Error, TData>, "queryFn"> & {
+    queryFn: (sdk: Sdk) => Promise<TResult>;
+};
+/**
+ * Runs a Client GraphQL query through React Query. The query is held until
+ * `ApiProvider` has resolved an auth token (`useApiReady`), mirroring the
+ * generated REST hooks.
+ *
+ *   useClientGraphqlQuery({
+ *     queryKey: clientGraphqlQueryKey("ListSsoConnections"),
+ *     queryFn: (sdk) => sdk.ListSsoConnections(),
+ *   });
+ */
+declare function useClientGraphqlQuery<TResult, TData = TResult>({ queryFn, enabled, ...options }: ClientGraphqlQueryOptions<TResult, TData>): _tanstack_react_query.UseQueryResult<NoInfer<TData>, Error>;
+type ClientGraphqlMutationOptions<TResult, TVariables, TContext> = Omit<UseMutationOptions<TResult, Error, TVariables, TContext>, "mutationFn"> & {
+    mutationFn: (sdk: Sdk, variables: TVariables) => Promise<TResult>;
+};
+/**
+ * Runs a Client GraphQL mutation through React Query. Invalidate the affected
+ * queries in `onSuccess` using `clientGraphqlQueryKey`.
+ *
+ *   useClientGraphqlMutation({
+ *     mutationFn: (sdk, input: RevokeSessionInput) => sdk.RevokeSession({ input }),
+ *   });
+ */
+declare function useClientGraphqlMutation<TResult, TVariables = void, TContext = unknown>({ mutationFn, ...options }: ClientGraphqlMutationOptions<TResult, TVariables, TContext>): _tanstack_react_query.UseMutationResult<TResult, Error, TVariables, TContext>;
+
+export { type ClientGraphqlOperation, type ClientGraphqlVariables, clientGraphqlQueryKey, isClientGraphqlQueryKey, useClientGraphqlMutation, useClientGraphqlQuery };

package/dist/cjs/api/endpoint.cjs

@@ -571,24 +571,28 @@ const useDeleteDataInstallation = (options, queryClient) => {
 const useMyDataIntegrationsHook = () => {
   const myDataIntegrations = (0, import_widgets_api_client.useWidgetsApiClient)();
   return (0, import_react.useCallback)(
-    (signal) => {
+    (params, signal) => {
       return myDataIntegrations({
         url: `/_widgets/DataIntegrations/mine`,
         method: "GET",
+        params,
         signal
       });
     },
     [myDataIntegrations]
   );
 };
-const getMyDataIntegrationsQueryKey = () => {
-  return [`/_widgets/DataIntegrations/mine`];
+const getMyDataIntegrationsQueryKey = (params) => {
+  return [
+    `/_widgets/DataIntegrations/mine`,
+    ...params ? [params] : []
+  ];
 };
-const useMyDataIntegrationsQueryOptions = (options) => {
+const useMyDataIntegrationsQueryOptions = (params, options) => {
   const { query: queryOptions } = options ?? {};
-  const queryKey = queryOptions?.queryKey ?? getMyDataIntegrationsQueryKey();
+  const queryKey = queryOptions?.queryKey ?? getMyDataIntegrationsQueryKey(params);
   const myDataIntegrations = useMyDataIntegrationsHook();
-  const queryFn = ({ signal }) => myDataIntegrations(signal);
+  const queryFn = ({ signal }) => myDataIntegrations(params, signal);
   const customOptions = (0, import_widgets_api_client2.useWidgetsApiQueryOptions)({
     queryKey,
     queryFn,
@@ -596,32 +600,36 @@ const useMyDataIntegrationsQueryOptions = (options) => {
   });
   return customOptions;
 };
-function useMyDataIntegrations(options, queryClient) {
-  const queryOptions = useMyDataIntegrationsQueryOptions(options);
+function useMyDataIntegrations(params, options, queryClient) {
+  const queryOptions = useMyDataIntegrationsQueryOptions(params, options);
   const query = (0, import_react_query.useQuery)(queryOptions, queryClient);
   return withQueryKey(query, queryOptions.queryKey);
 }
 const useOrganizationDataIntegrationsHook = () => {
   const organizationDataIntegrations = (0, import_widgets_api_client.useWidgetsApiClient)();
   return (0, import_react.useCallback)(
-    (signal) => {
+    (params, signal) => {
       return organizationDataIntegrations({
         url: `/_widgets/DataIntegrations/organization`,
         method: "GET",
+        params,
         signal
       });
     },
     [organizationDataIntegrations]
   );
 };
-const getOrganizationDataIntegrationsQueryKey = () => {
-  return [`/_widgets/DataIntegrations/organization`];
+const getOrganizationDataIntegrationsQueryKey = (params) => {
+  return [
+    `/_widgets/DataIntegrations/organization`,
+    ...params ? [params] : []
+  ];
 };
-const useOrganizationDataIntegrationsQueryOptions = (options) => {
+const useOrganizationDataIntegrationsQueryOptions = (params, options) => {
   const { query: queryOptions } = options ?? {};
-  const queryKey = queryOptions?.queryKey ?? getOrganizationDataIntegrationsQueryKey();
+  const queryKey = queryOptions?.queryKey ?? getOrganizationDataIntegrationsQueryKey(params);
   const organizationDataIntegrations = useOrganizationDataIntegrationsHook();
-  const queryFn = ({ signal }) => organizationDataIntegrations(signal);
+  const queryFn = ({ signal }) => organizationDataIntegrations(params, signal);
   const customOptions = (0, import_widgets_api_client2.useWidgetsApiQueryOptions)({
     queryKey,
     queryFn,
@@ -629,8 +637,11 @@ const useOrganizationDataIntegrationsQueryOptions = (options) => {
   });
   return customOptions;
 };
-function useOrganizationDataIntegrations(options, queryClient) {
-  const queryOptions = useOrganizationDataIntegrationsQueryOptions(options);
+function useOrganizationDataIntegrations(params, options, queryClient) {
+  const queryOptions = useOrganizationDataIntegrationsQueryOptions(
+    params,
+    options
+  );
   const query = (0, import_react_query.useQuery)(queryOptions, queryClient);
   return withQueryKey(query, queryOptions.queryKey);
 }
@@ -666,24 +677,28 @@ const useDeleteOrganizationDataInstallation = (options, queryClient) => {
 const useSharedDataConnectionsHook = () => {
   const sharedDataConnections = (0, import_widgets_api_client.useWidgetsApiClient)();
   return (0, import_react.useCallback)(
-    (signal) => {
+    (params, signal) => {
       return sharedDataConnections({
         url: `/_widgets/DataIntegrations/shared-connections`,
         method: "GET",
+        params,
         signal
       });
     },
     [sharedDataConnections]
   );
 };
-const getSharedDataConnectionsQueryKey = () => {
-  return [`/_widgets/DataIntegrations/shared-connections`];
+const getSharedDataConnectionsQueryKey = (params) => {
+  return [
+    `/_widgets/DataIntegrations/shared-connections`,
+    ...params ? [params] : []
+  ];
 };
-const useSharedDataConnectionsQueryOptions = (options) => {
+const useSharedDataConnectionsQueryOptions = (params, options) => {
   const { query: queryOptions } = options ?? {};
-  const queryKey = queryOptions?.queryKey ?? getSharedDataConnectionsQueryKey();
+  const queryKey = queryOptions?.queryKey ?? getSharedDataConnectionsQueryKey(params);
   const sharedDataConnections = useSharedDataConnectionsHook();
-  const queryFn = ({ signal }) => sharedDataConnections(signal);
+  const queryFn = ({ signal }) => sharedDataConnections(params, signal);
   const customOptions = (0, import_widgets_api_client2.useWidgetsApiQueryOptions)({
     queryKey,
     queryFn,
@@ -691,8 +706,8 @@ const useSharedDataConnectionsQueryOptions = (options) => {
   });
   return customOptions;
 };
-function useSharedDataConnections(options, queryClient) {
-  const queryOptions = useSharedDataConnectionsQueryOptions(options);
+function useSharedDataConnections(params, options, queryClient) {
+  const queryOptions = useSharedDataConnectionsQueryOptions(params, options);
   const query = (0, import_react_query.useQuery)(queryOptions, queryClient);
   return withQueryKey(query, queryOptions.queryKey);
 }
@@ -1000,12 +1015,13 @@ const useUpsertOrganizationDataIntegrationClientCredentials = (options, queryCli
 const useUpsertOrganizationDataIntegrationConfigurationHook = () => {
   const upsertOrganizationDataIntegrationConfiguration = (0, import_widgets_api_client.useWidgetsApiClient)();
   return (0, import_react.useCallback)(
-    (slug, upsertOrganizationDataIntegrationConfigurationInput, signal) => {
+    (slug, upsertOrganizationDataIntegrationConfigurationInput, params, signal) => {
       return upsertOrganizationDataIntegrationConfiguration({
         url: `/_widgets/DataIntegrations/${slug}/organization/configuration`,
         method: "PUT",
         headers: { "Content-Type": "application/json" },
         data: upsertOrganizationDataIntegrationConfigurationInput,
+        params,
         signal
       });
     },
@@ -1017,8 +1033,8 @@ const useUpsertOrganizationDataIntegrationConfigurationMutationOptions = (option
   const { mutation: mutationOptions } = options ? options.mutation && "mutationKey" in options.mutation && options.mutation.mutationKey ? options : { ...options, mutation: { ...options.mutation, mutationKey } } : { mutation: { mutationKey } };
   const upsertOrganizationDataIntegrationConfiguration = useUpsertOrganizationDataIntegrationConfigurationHook();
   const mutationFn = (props) => {
-    const { slug, data } = props ?? {};
-    return upsertOrganizationDataIntegrationConfiguration(slug, data);
+    const { slug, data, params } = props ?? {};
+    return upsertOrganizationDataIntegrationConfiguration(slug, data, params);
   };
   return { mutationFn, ...mutationOptions };
 };