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

package/dist/esm/lib/api/user-api-key.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/api/user-api-key.ts"],"sourcesContent":["import {\n  keepPreviousData,\n  useMutation,\n  useQueryClient,\n} from \"@tanstack/react-query\";\nimport {\n  getListUserApiKeysQueryKey,\n  type ListUserApiKeysResponseData,\n  useCreateUserApiKey,\n  useListUserApiKeys as useGeneratedListUserApiKeys,\n} from \"../../api/endpoint.js\";\nimport { useUserApiKeysContext } from \"../user-api-keys/user-api-keys-context.js\";\nimport {\n  useWidgetsApiClient,\n  type BodyType,\n} from \"../../api/widgets-api-client.js\";\n\nexport {\n  getListUserApiKeysQueryKey,\n  useDeleteUserApiKey,\n  useListUserApiKeyPermissions,\n  type CreateUserApiKeyResponse,\n  type ListUserApiKeyPermission,\n  type ListUserApiKeysResponse,\n  type ListUserApiKeysResponseData,\n} from \"../../api/endpoint.js\";\n\nexport const useUserApiKeys = () => {\n  const {\n    state: { pagination, searchQuery },\n  } = useUserApiKeysContext();\n  const limit = 10;\n  const { before, after } = pagination || {};\n\n  return useGeneratedListUserApiKeys(\n    {\n      after: after ?? undefined,\n      before: before ?? undefined,\n      limit,\n      search: searchQuery || undefined,\n    },\n    {\n      query: {\n        placeholderData: keepPreviousData,\n      },\n    },\n  );\n};\n\nexport const useCreateUserApiKeyWithInvalidation = () => {\n  const queryClient = useQueryClient();\n\n  return useCreateUserApiKey({\n    mutation: {\n      onSuccess: () => {\n        queryClient.invalidateQueries({\n          queryKey: getListUserApiKeysQueryKey(),\n        });\n      },\n    },\n  });\n};\n\nexport const useExpireUserApiKey = () => {\n  const queryClient = useQueryClient();\n  const expireUserApiKey = useWidgetsApiClient<ListUserApiKeysResponseData>();\n\n  return useMutation({\n    mutationFn: ({\n      apiKeyId,\n      expiresAt,\n    }: {\n      apiKeyId: string;\n      expiresAt: string | null;\n    }) =>\n      expireUserApiKey({\n        url: `/_widgets/UserApiKeys/${apiKeyId}/expire`,\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        data: { expiresAt } as BodyType<{ expiresAt: string | null }>,\n      }),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: getListUserApiKeysQueryKey(),\n      });\n    },\n  });\n};\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EAEA;AAAA,EACA,sBAAsB;AAAA,OACjB;AACP,SAAS,6BAA6B;AACtC;AAAA,EACE;AAAA,OAEK;AAEP;AAAA,EACE,8BAAAA;AAAA,EACA;AAAA,EACA;AAAA,OAKK;AAEA,MAAM,iBAAiB,MAAM;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE,YAAY,YAAY;AAAA,EACnC,IAAI,sBAAsB;AAC1B,QAAM,QAAQ;AACd,QAAM,EAAE,QAAQ,MAAM,IAAI,cAAc,CAAC;AAEzC,SAAO;AAAA,IACL;AAAA,MACE,OAAO,SAAS;AAAA,MAChB,QAAQ,UAAU;AAAA,MAClB;AAAA,MACA,QAAQ,eAAe;AAAA,IACzB;AAAA,IACA;AAAA,MACE,OAAO;AAAA,QACL,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,sCAAsC,MAAM;AACvD,QAAM,cAAc,eAAe;AAEnC,SAAO,oBAAoB;AAAA,IACzB,UAAU;AAAA,MACR,WAAW,MAAM;AACf,oBAAY,kBAAkB;AAAA,UAC5B,UAAU,2BAA2B;AAAA,QACvC,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEO,MAAM,sBAAsB,MAAM;AACvC,QAAM,cAAc,eAAe;AACnC,QAAM,mBAAmB,oBAAiD;AAE1E,SAAO,YAAY;AAAA,IACjB,YAAY,CAAC;AAAA,MACX;AAAA,MACA;AAAA,IACF,MAIE,iBAAiB;AAAA,MACf,KAAK,yBAAyB,QAAQ;AAAA,MACtC,QAAQ;AAAA,MACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,MAC9C,MAAM,EAAE,UAAU;AAAA,IACpB,CAAC;AAAA,IACH,WAAW,MAAM;AACf,kBAAY,kBAAkB;AAAA,QAC5B,UAAU,2BAA2B;AAAA,MACvC,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AACH;","names":["getListUserApiKeysQueryKey"]}
+{"version":3,"sources":["../../../../src/lib/api/user-api-key.ts"],"sourcesContent":["import { keepPreviousData, useQueryClient } from \"@tanstack/react-query\";\nimport type {\n  CreateUserApiKeyRequest,\n  CreateUserApiKeyResponse,\n  ListUserApiKeysResponse,\n  ListUserApiKeysResponseData,\n} from \"../../api/endpoint.js\";\nimport type {\n  CreateUserApiKeyMutation,\n  ExpireUserApiKeyMutation,\n  UserApiKeyFieldsFragment,\n} from \"../../api/client-graphql/generated.js\";\nimport {\n  clientGraphqlQueryKey,\n  useClientGraphqlMutation,\n  useClientGraphqlQuery,\n} from \"../../api/client-graphql/hooks.js\";\nimport { useUserApiKeysContext } from \"../user-api-keys/user-api-keys-context.js\";\nimport { API_KEYS_PAGE_SIZE, apiKeyMutationFailure } from \"./api-key.js\";\n\n// TODO(client-graphql): see `useListOrganizationApiKeyPermissions`.\nexport {\n  useListUserApiKeyPermissions,\n  type CreateUserApiKeyResponse,\n  type ListUserApiKeyPermission,\n  type ListUserApiKeysResponse,\n  type ListUserApiKeysResponseData,\n} from \"../../api/endpoint.js\";\n\nexport const userApiKeysQueryKey = clientGraphqlQueryKey(\"ListUserApiKeys\");\n\nexport function toUserApiKey(\n  apiKey: UserApiKeyFieldsFragment,\n): ListUserApiKeysResponseData {\n  return {\n    id: apiKey.id,\n    owner: {\n      type: \"user\",\n      id: apiKey.owner.id,\n      email: apiKey.owner.email,\n      firstName: apiKey.owner.firstName ?? null,\n      lastName: apiKey.owner.lastName ?? null,\n      displayName: apiKey.owner.displayName,\n    },\n    name: apiKey.name,\n    obfuscatedValue: apiKey.obfuscatedValue,\n    createdAt: apiKey.createdAt,\n    lastUsedAt: apiKey.lastUsedAt ?? null,\n    expiresAt: apiKey.expiresAt ?? null,\n    permissions: apiKey.permissions,\n  };\n}\n\nfunction unwrapCreateUserApiKey(\n  result: CreateUserApiKeyMutation[\"createUserApiKey\"],\n): CreateUserApiKeyResponse {\n  switch (result.__typename) {\n    case \"UserApiKeyCreated\": {\n      const { owner: _owner, ...apiKey } = toUserApiKey(result.apiKey);\n      return { ...apiKey, value: result.value };\n    }\n    case \"ApiKeyPermissionsNotHeld\":\n    case \"ApiKeyPermissionsUnsupportedForToken\":\n    case \"InvalidApiKeyExpiration\":\n    case \"InvalidApiKeyName\":\n    case \"InvalidApiKeyPermissions\":\n      throw apiKeyMutationFailure(result.__typename, result.message);\n  }\n}\n\nfunction unwrapExpireUserApiKey(\n  result: ExpireUserApiKeyMutation[\"expireUserApiKey\"],\n): ListUserApiKeysResponseData {\n  switch (result.__typename) {\n    case \"UserApiKeyExpired\":\n      return toUserApiKey(result.apiKey);\n    case \"ApiKeyAlreadyExpired\":\n      throw apiKeyMutationFailure(\n        result.__typename,\n        \"API key is already expired\",\n      );\n  }\n}\n\nexport const useUserApiKeys = () => {\n  const {\n    state: { pagination, searchQuery },\n  } = useUserApiKeysContext();\n  const { before, after } = pagination || {};\n  const variables = {\n    after: after ?? undefined,\n    before: before ?? undefined,\n    limit: API_KEYS_PAGE_SIZE,\n    search: searchQuery || undefined,\n  };\n\n  return useClientGraphqlQuery({\n    queryKey: clientGraphqlQueryKey(\"ListUserApiKeys\", variables),\n    queryFn: async (sdk) => {\n      const { userApiKeys } = await sdk.ListUserApiKeys(variables);\n      return userApiKeys;\n    },\n    select: (list): ListUserApiKeysResponse => ({\n      data: list.data.map(toUserApiKey),\n      list_metadata: {\n        after: list.listMetadata.after ?? undefined,\n        before: list.listMetadata.before ?? undefined,\n      },\n    }),\n    placeholderData: keepPreviousData,\n  });\n};\n\nexport const useInvalidateUserApiKeys = () => {\n  const queryClient = useQueryClient();\n  return () => queryClient.invalidateQueries({ queryKey: userApiKeysQueryKey });\n};\n\nexport const useCreateUserApiKeyWithInvalidation = () => {\n  const invalidate = useInvalidateUserApiKeys();\n\n  return useClientGraphqlMutation({\n    mutationFn: async (sdk, { data }: { data: CreateUserApiKeyRequest }) => {\n      const { createUserApiKey: result } = await sdk.CreateUserApiKey({\n        input: {\n          name: data.name,\n          permissions: data.permissions,\n          expiresAt: data.expiresAt ?? null,\n        },\n      });\n      return unwrapCreateUserApiKey(result);\n    },\n    onSuccess: invalidate,\n  });\n};\n\nexport const useDeleteUserApiKey = ({\n  onSuccess,\n}: { onSuccess?: () => void } = {}) => {\n  const invalidate = useInvalidateUserApiKeys();\n\n  return useClientGraphqlMutation({\n    mutationFn: async (sdk, { apiKeyId }: { apiKeyId: string }) => {\n      const { deleteUserApiKey } = await sdk.DeleteUserApiKey({ apiKeyId });\n      return toUserApiKey(deleteUserApiKey);\n    },\n    onSuccess: () => {\n      void invalidate();\n      onSuccess?.();\n    },\n  });\n};\n\nexport const useExpireUserApiKey = () => {\n  const invalidate = useInvalidateUserApiKeys();\n\n  return useClientGraphqlMutation({\n    mutationFn: async (\n      sdk,\n      { apiKeyId, expiresAt }: { apiKeyId: string; expiresAt: string | null },\n    ) => {\n      const { expireUserApiKey: result } = await sdk.ExpireUserApiKey({\n        input: { apiKeyId, expiresAt },\n      });\n      return unwrapExpireUserApiKey(result);\n    },\n    onSuccess: invalidate,\n  });\n};\n"],"mappings":"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","names":[]}

package/dist/esm/lib/api/user.d.ts

@@ -1,26 +1,5 @@
-import * as _tanstack_react_query from '@tanstack/react-query';
-import { MembersResponse, Members403, Members404, useUpdateMember, useInviteMember, RemoveMemberResponse, RemoveMember400, RemoveMember403, RemoveMember404, RevokeMemberResponse, RevokeInvite400, RevokeInvite403, RevokeInvite404, ResendInviteResponse, ResendInvite400, ResendInvite403, ResendInvite404, ResendInvite422 } from '../../api/endpoint.js';
-import { UsersManagementContextType } from '../users-management-context.js';
-import '../../api/widgets-api-client.js';
+import '../../api/client-graphql/generated.js';
+import '@tanstack/react-query';
+export { L as ListMetadata, a as Member, g as MemberAction, M as MembersQueryResult, b as Role, R as RolesAndConfig, l as useDeleteUser, k as useInviteUser, n as useResendUserInvite, m as useRevokeUserInvite, h as useRolesAndConfig, j as useUpdateUserRole, i as useUsers } from '../../user-BE5sIud6.js';
+import 'graphql-request';
 import 'react';
-import '../users-management-state.js';
-
-declare const useUsers: (context?: UsersManagementContextType) => _tanstack_react_query.UseQueryResult<MembersResponse, Members403 | Members404> & {
-    queryKey: readonly unknown[] & {
-        [dataTagSymbol]: MembersResponse;
-        [dataTagErrorSymbol]: Members403 | Members404;
-    };
-};
-declare const useUpdateUserRole: typeof useUpdateMember;
-declare const useInviteUser: typeof useInviteMember;
-declare const useDeleteUser: () => _tanstack_react_query.UseMutationResult<RemoveMemberResponse, RemoveMember400 | RemoveMember403 | RemoveMember404, {
-    userId: string;
-}, unknown>;
-declare const useRevokeUserInvite: () => _tanstack_react_query.UseMutationResult<RevokeMemberResponse, RevokeInvite400 | RevokeInvite403 | RevokeInvite404, {
-    userId: string;
-}, unknown>;
-declare const useResendUserInvite: () => _tanstack_react_query.UseMutationResult<ResendInviteResponse, ResendInvite400 | ResendInvite403 | ResendInvite404 | ResendInvite422, {
-    userId: string;
-}, unknown>;
-
-export { useDeleteUser, useInviteUser, useResendUserInvite, useRevokeUserInvite, useUpdateUserRole, useUsers };

package/dist/esm/lib/api/user.js

@@ -1,93 +1,207 @@
-import {
-  getMembersQueryKey,
-  useInviteMember,
-  useMembers,
-  useRemoveMember,
-  useResendInvite,
-  useRevokeInvite,
-  useUpdateMember
-} from "../../api/endpoint.js";
 import { keepPreviousData, useQueryClient } from "@tanstack/react-query";
+import {
+  clientGraphqlQueryKey,
+  useClientGraphqlMutation,
+  useClientGraphqlQuery
+} from "../../api/client-graphql/hooks.js";
+import { ApiError } from "../../api/errors.js";
 import { USER_ROW_LIMIT } from "../constants.js";
 import {
   useUsersManagementContext
 } from "../users-management-context.js";
+const MEMBER_ACTIONS = {
+  EditRole: "edit-role",
+  ResendInvite: "resend-invite",
+  RevokeInvite: "revoke-invite",
+  RevokeMembership: "revoke-membership"
+};
+function toMember(member) {
+  return {
+    ...member,
+    actions: member.actions.map((action) => MEMBER_ACTIONS[action]),
+    isLoggedInUser: member.isCurrentUser
+  };
+}
+function toMembersQueryResult(data) {
+  const { organizationMemberships } = data;
+  return {
+    data: organizationMemberships.data.map(toMember),
+    listMetadata: {
+      before: organizationMemberships.listMetadata.before ?? null,
+      after: organizationMemberships.listMetadata.after ?? null
+    }
+  };
+}
+const EMPTY_ROLES_AND_CONFIG = {
+  roles: { multipleRolesEnabled: false, roles: [] }
+};
+const useRolesAndConfig = () => {
+  const query = useClientGraphqlQuery({
+    queryKey: clientGraphqlQueryKey("ListRoles"),
+    queryFn: (sdk) => sdk.ListRoles(),
+    select: (data) => data.roles,
+    initialData: EMPTY_ROLES_AND_CONFIG
+  });
+  return { ...query, data: query.data ?? EMPTY_ROLES_AND_CONFIG.roles };
+};
 const useUsers = (context) => {
   const {
     state: { pagination, role, searchQuery }
   } = useUsersManagementContext(context);
-  const limit = USER_ROW_LIMIT;
   const { before, after } = pagination || {};
-  return useMembers(
-    {
-      after: after ?? void 0,
-      before: before ?? void 0,
-      limit: limit.toString(),
-      role: role ?? void 0,
-      search: searchQuery ?? void 0
-    },
-    {
-      query: {
-        placeholderData: keepPreviousData
-      }
-    }
-  );
+  const variables = {
+    after: after ?? null,
+    before: before ?? null,
+    limit: USER_ROW_LIMIT,
+    roleSlug: role ?? null,
+    search: searchQuery ?? null
+  };
+  return useClientGraphqlQuery({
+    queryKey: clientGraphqlQueryKey("ListOrganizationMemberships", variables),
+    queryFn: (sdk) => sdk.ListOrganizationMemberships(variables),
+    select: toMembersQueryResult,
+    placeholderData: keepPreviousData
+  });
 };
-const useUpdateUserRole = () => {
+const useInvalidateMembers = () => {
   const queryClient = useQueryClient();
-  return useUpdateMember({
-    mutation: {
-      onSuccess: () => {
-        queryClient.invalidateQueries({ queryKey: getMembersQueryKey() });
-      }
-    }
+  return () => queryClient.invalidateQueries({
+    queryKey: clientGraphqlQueryKey("ListOrganizationMemberships")
   });
 };
+function mutationFailure(typename, message) {
+  return new ApiError({
+    message,
+    status: 400,
+    queryType: "mutation",
+    context: { typename }
+  });
+}
+const useUpdateUserRole = () => {
+  const invalidateMembers = useInvalidateMembers();
+  return useClientGraphqlMutation({
+    mutationFn: async (sdk, input) => {
+      const { updateMemberRole: result } = await sdk.UpdateMemberRole({
+        input
+      });
+      return unwrapUpdateMemberRole(result);
+    },
+    onSuccess: invalidateMembers
+  });
+};
+function unwrapUpdateMemberRole(result) {
+  switch (result.__typename) {
+    case "MemberRoleUpdated":
+      return result.member;
+    case "MemberNotFound":
+      throw mutationFailure(result.__typename, "Cannot edit role for user");
+    case "RoleNotFound":
+      throw mutationFailure(result.__typename, "Invalid role");
+  }
+}
 const useInviteUser = () => {
-  const queryClient = useQueryClient();
-  return useInviteMember({
-    mutation: {
-      onSuccess: () => {
-        queryClient.invalidateQueries({ queryKey: getMembersQueryKey() });
-      }
-    }
+  const invalidateMembers = useInvalidateMembers();
+  return useClientGraphqlMutation({
+    mutationFn: async (sdk, input) => {
+      const { inviteUser: result } = await sdk.InviteUser({ input });
+      return unwrapInviteUser(result);
+    },
+    onSuccess: invalidateMembers
   });
 };
+function unwrapInviteUser(result) {
+  switch (result.__typename) {
+    case "UserInvited":
+      return result.invitation;
+    case "InviteeAlreadyMember":
+      throw mutationFailure(result.__typename, "User already exists");
+    case "InviteeAlreadyInvited":
+      throw mutationFailure(result.__typename, "User already invited");
+    case "InvalidInviteeEmail":
+    case "InviteeEmailNotDeliverable":
+      throw mutationFailure(result.__typename, "Invalid email");
+    case "InvalidInviteeRole":
+      throw mutationFailure(result.__typename, "Invalid role");
+    case "InvalidInvitationExpiry":
+      throw mutationFailure(result.__typename, "Invalid input");
+    case "OrganizationBlockedFromSendingInvites":
+      throw mutationFailure(
+        result.__typename,
+        "This organization is not allowed to send invites."
+      );
+  }
+}
 const useDeleteUser = () => {
-  const queryClient = useQueryClient();
-  return useRemoveMember({
-    mutation: {
-      onSuccess: () => {
-        queryClient.invalidateQueries({ queryKey: getMembersQueryKey() });
-      }
-    }
+  const invalidateMembers = useInvalidateMembers();
+  return useClientGraphqlMutation({
+    mutationFn: async (sdk, input) => {
+      const { removeMember: result } = await sdk.RemoveMember({ input });
+      return unwrapRemoveMember(result);
+    },
+    onSuccess: invalidateMembers
   });
 };
+function unwrapRemoveMember(result) {
+  switch (result.__typename) {
+    case "MemberRemoved":
+      return result;
+    case "MemberNotFound":
+    case "MemberIsManagedByDirectory":
+      throw mutationFailure(result.__typename, "Cannot revoke membership");
+  }
+}
 const useRevokeUserInvite = () => {
-  const queryClient = useQueryClient();
-  return useRevokeInvite({
-    mutation: {
-      onSuccess: () => {
-        queryClient.invalidateQueries({ queryKey: getMembersQueryKey() });
-      }
-    }
+  const invalidateMembers = useInvalidateMembers();
+  return useClientGraphqlMutation({
+    mutationFn: async (sdk, input) => {
+      const { revokeInvitation: result } = await sdk.RevokeInvitation({
+        input
+      });
+      return unwrapRevokeInvitation(result);
+    },
+    onSuccess: invalidateMembers
   });
 };
+function unwrapRevokeInvitation(result) {
+  switch (result.__typename) {
+    case "InvitationRevoked":
+      return result.invitation;
+    case "InvitationNotFound":
+      throw mutationFailure(result.__typename, "User not invited");
+    case "InvitationNotPending":
+      throw mutationFailure(result.__typename, "User already accepted invite");
+  }
+}
 const useResendUserInvite = () => {
-  const queryClient = useQueryClient();
-  return useResendInvite({
-    mutation: {
-      onSuccess: () => {
-        queryClient.invalidateQueries({ queryKey: getMembersQueryKey() });
-      }
-    }
+  const invalidateMembers = useInvalidateMembers();
+  return useClientGraphqlMutation({
+    mutationFn: async (sdk, input) => {
+      const { resendInvitation: result } = await sdk.ResendInvitation({
+        input
+      });
+      return unwrapResendInvitation(result);
+    },
+    onSuccess: invalidateMembers
   });
 };
+function unwrapResendInvitation(result) {
+  switch (result.__typename) {
+    case "InvitationResent":
+      return result.invitation;
+    case "ResendInvitationNotFound":
+      throw mutationFailure(result.__typename, "User not invited");
+    case "InviteeAlreadyAccepted":
+      throw mutationFailure(result.__typename, "User already accepted invite");
+    case "InviteeEmailNotDeliverable":
+      throw mutationFailure(result.__typename, "Invalid email");
+  }
+}
 export {
   useDeleteUser,
   useInviteUser,
   useResendUserInvite,
   useRevokeUserInvite,
+  useRolesAndConfig,
   useUpdateUserRole,
   useUsers
 };

package/dist/esm/lib/api/user.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/api/user.ts"],"sourcesContent":["import {\n  getMembersQueryKey,\n  useInviteMember,\n  useMembers,\n  useRemoveMember,\n  useResendInvite,\n  useRevokeInvite,\n  useUpdateMember,\n} from \"../../api/endpoint.js\";\nimport { keepPreviousData, useQueryClient } from \"@tanstack/react-query\";\nimport { USER_ROW_LIMIT } from \"../constants.js\";\nimport {\n  useUsersManagementContext,\n  type UsersManagementContextType,\n} from \"../users-management-context.js\";\n\nexport const useUsers = (context?: UsersManagementContextType) => {\n  const {\n    state: { pagination, role, searchQuery },\n  } = useUsersManagementContext(context);\n  const limit = USER_ROW_LIMIT;\n  const { before, after } = pagination || {};\n\n  return useMembers(\n    {\n      after: after ?? undefined,\n      before: before ?? undefined,\n      limit: limit.toString(),\n      role: role ?? undefined,\n      search: searchQuery ?? undefined,\n    },\n    {\n      query: {\n        placeholderData: keepPreviousData,\n      },\n    },\n  );\n};\n\nexport const useUpdateUserRole: typeof useUpdateMember = () => {\n  const queryClient = useQueryClient();\n\n  return useUpdateMember({\n    mutation: {\n      onSuccess: () => {\n        queryClient.invalidateQueries({ queryKey: getMembersQueryKey() });\n      },\n    },\n  });\n};\n\nexport const useInviteUser: typeof useInviteMember = () => {\n  const queryClient = useQueryClient();\n\n  return useInviteMember({\n    mutation: {\n      onSuccess: () => {\n        queryClient.invalidateQueries({ queryKey: getMembersQueryKey() });\n      },\n    },\n  });\n};\n\nexport const useDeleteUser = () => {\n  const queryClient = useQueryClient();\n\n  return useRemoveMember({\n    mutation: {\n      onSuccess: () => {\n        queryClient.invalidateQueries({ queryKey: getMembersQueryKey() });\n      },\n    },\n  });\n};\n\nexport const useRevokeUserInvite = () => {\n  const queryClient = useQueryClient();\n\n  return useRevokeInvite({\n    mutation: {\n      onSuccess: () => {\n        queryClient.invalidateQueries({ queryKey: getMembersQueryKey() });\n      },\n    },\n  });\n};\n\nexport const useResendUserInvite = () => {\n  const queryClient = useQueryClient();\n\n  return useResendInvite({\n    mutation: {\n      onSuccess: () => {\n        queryClient.invalidateQueries({ queryKey: getMembersQueryKey() });\n      },\n    },\n  });\n};\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB,sBAAsB;AACjD,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,OAEK;AAEA,MAAM,WAAW,CAAC,YAAyC;AAChE,QAAM;AAAA,IACJ,OAAO,EAAE,YAAY,MAAM,YAAY;AAAA,EACzC,IAAI,0BAA0B,OAAO;AACrC,QAAM,QAAQ;AACd,QAAM,EAAE,QAAQ,MAAM,IAAI,cAAc,CAAC;AAEzC,SAAO;AAAA,IACL;AAAA,MACE,OAAO,SAAS;AAAA,MAChB,QAAQ,UAAU;AAAA,MAClB,OAAO,MAAM,SAAS;AAAA,MACtB,MAAM,QAAQ;AAAA,MACd,QAAQ,eAAe;AAAA,IACzB;AAAA,IACA;AAAA,MACE,OAAO;AAAA,QACL,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,oBAA4C,MAAM;AAC7D,QAAM,cAAc,eAAe;AAEnC,SAAO,gBAAgB;AAAA,IACrB,UAAU;AAAA,MACR,WAAW,MAAM;AACf,oBAAY,kBAAkB,EAAE,UAAU,mBAAmB,EAAE,CAAC;AAAA,MAClE;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEO,MAAM,gBAAwC,MAAM;AACzD,QAAM,cAAc,eAAe;AAEnC,SAAO,gBAAgB;AAAA,IACrB,UAAU;AAAA,MACR,WAAW,MAAM;AACf,oBAAY,kBAAkB,EAAE,UAAU,mBAAmB,EAAE,CAAC;AAAA,MAClE;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEO,MAAM,gBAAgB,MAAM;AACjC,QAAM,cAAc,eAAe;AAEnC,SAAO,gBAAgB;AAAA,IACrB,UAAU;AAAA,MACR,WAAW,MAAM;AACf,oBAAY,kBAAkB,EAAE,UAAU,mBAAmB,EAAE,CAAC;AAAA,MAClE;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEO,MAAM,sBAAsB,MAAM;AACvC,QAAM,cAAc,eAAe;AAEnC,SAAO,gBAAgB;AAAA,IACrB,UAAU;AAAA,MACR,WAAW,MAAM;AACf,oBAAY,kBAAkB,EAAE,UAAU,mBAAmB,EAAE,CAAC;AAAA,MAClE;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEO,MAAM,sBAAsB,MAAM;AACvC,QAAM,cAAc,eAAe;AAEnC,SAAO,gBAAgB;AAAA,IACrB,UAAU;AAAA,MACR,WAAW,MAAM;AACf,oBAAY,kBAAkB,EAAE,UAAU,mBAAmB,EAAE,CAAC;AAAA,MAClE;AAAA,IACF;AAAA,EACF,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../../../src/lib/api/user.ts"],"sourcesContent":["import { keepPreviousData, useQueryClient } from \"@tanstack/react-query\";\nimport {\n  clientGraphqlQueryKey,\n  useClientGraphqlMutation,\n  useClientGraphqlQuery,\n} from \"../../api/client-graphql/hooks.js\";\nimport type {\n  InviteUserInput,\n  InviteUserMutation,\n  ListOrganizationMembershipsQuery,\n  ListRolesQuery,\n  OrganizationMemberAction,\n  OrganizationMemberFieldsFragment,\n  RemoveMemberInput,\n  RemoveMemberMutation,\n  ResendInvitationInput,\n  ResendInvitationMutation,\n  RevokeInvitationInput,\n  RevokeInvitationMutation,\n  RoleFieldsFragment,\n  UpdateMemberRoleInput,\n  UpdateMemberRoleMutation,\n} from \"../../api/client-graphql/generated.js\";\nimport { ApiError } from \"../../api/errors.js\";\nimport { USER_ROW_LIMIT } from \"../constants.js\";\nimport {\n  useUsersManagementContext,\n  type UsersManagementContextType,\n} from \"../users-management-context.js\";\n\nexport type Role = RoleFieldsFragment;\nexport type RolesAndConfig = ListRolesQuery[\"roles\"];\n\nexport interface ListMetadata {\n  before: string | null;\n  after: string | null;\n}\n\nexport type MemberAction =\n  | \"edit-role\"\n  | \"resend-invite\"\n  | \"revoke-invite\"\n  | \"revoke-membership\";\n\nexport interface Member extends Omit<\n  OrganizationMemberFieldsFragment,\n  \"actions\"\n> {\n  actions: MemberAction[];\n  isLoggedInUser: boolean;\n}\n\nexport interface MembersQueryResult {\n  data: Member[];\n  listMetadata: ListMetadata;\n}\n\nconst MEMBER_ACTIONS: Record<OrganizationMemberAction, MemberAction> = {\n  EditRole: \"edit-role\",\n  ResendInvite: \"resend-invite\",\n  RevokeInvite: \"revoke-invite\",\n  RevokeMembership: \"revoke-membership\",\n};\n\nfunction toMember(member: OrganizationMemberFieldsFragment): Member {\n  return {\n    ...member,\n    actions: member.actions.map((action) => MEMBER_ACTIONS[action]),\n    isLoggedInUser: member.isCurrentUser,\n  };\n}\n\nfunction toMembersQueryResult(\n  data: ListOrganizationMembershipsQuery,\n): MembersQueryResult {\n  const { organizationMemberships } = data;\n  return {\n    data: organizationMemberships.data.map(toMember),\n    listMetadata: {\n      before: organizationMemberships.listMetadata.before ?? null,\n      after: organizationMemberships.listMetadata.after ?? null,\n    },\n  };\n}\n\nconst EMPTY_ROLES_AND_CONFIG: ListRolesQuery = {\n  roles: { multipleRolesEnabled: false, roles: [] },\n};\n\nexport const useRolesAndConfig = () => {\n  const query = useClientGraphqlQuery({\n    queryKey: clientGraphqlQueryKey(\"ListRoles\"),\n    queryFn: (sdk) => sdk.ListRoles(),\n    select: (data) => data.roles,\n    initialData: EMPTY_ROLES_AND_CONFIG,\n  });\n  return { ...query, data: query.data ?? EMPTY_ROLES_AND_CONFIG.roles };\n};\n\nexport const useUsers = (context?: UsersManagementContextType) => {\n  const {\n    state: { pagination, role, searchQuery },\n  } = useUsersManagementContext(context);\n  const { before, after } = pagination || {};\n  const variables = {\n    after: after ?? null,\n    before: before ?? null,\n    limit: USER_ROW_LIMIT,\n    roleSlug: role ?? null,\n    search: searchQuery ?? null,\n  };\n\n  return useClientGraphqlQuery({\n    queryKey: clientGraphqlQueryKey(\"ListOrganizationMemberships\", variables),\n    queryFn: (sdk) => sdk.ListOrganizationMemberships(variables),\n    select: toMembersQueryResult,\n    placeholderData: keepPreviousData,\n  });\n};\n\nconst useInvalidateMembers = () => {\n  const queryClient = useQueryClient();\n  return () =>\n    queryClient.invalidateQueries({\n      queryKey: clientGraphqlQueryKey(\"ListOrganizationMemberships\"),\n    });\n};\n\nfunction mutationFailure(typename: string, message: string): ApiError {\n  return new ApiError({\n    message,\n    status: 400,\n    queryType: \"mutation\",\n    context: { typename },\n  });\n}\n\nexport const useUpdateUserRole = () => {\n  const invalidateMembers = useInvalidateMembers();\n\n  return useClientGraphqlMutation({\n    mutationFn: async (sdk, input: UpdateMemberRoleInput) => {\n      const { updateMemberRole: result } = await sdk.UpdateMemberRole({\n        input,\n      });\n      return unwrapUpdateMemberRole(result);\n    },\n    onSuccess: invalidateMembers,\n  });\n};\n\nfunction unwrapUpdateMemberRole(\n  result: UpdateMemberRoleMutation[\"updateMemberRole\"],\n) {\n  switch (result.__typename) {\n    case \"MemberRoleUpdated\":\n      return result.member;\n    case \"MemberNotFound\":\n      throw mutationFailure(result.__typename, \"Cannot edit role for user\");\n    case \"RoleNotFound\":\n      throw mutationFailure(result.__typename, \"Invalid role\");\n  }\n}\n\nexport const useInviteUser = () => {\n  const invalidateMembers = useInvalidateMembers();\n\n  return useClientGraphqlMutation({\n    mutationFn: async (sdk, input: InviteUserInput) => {\n      const { inviteUser: result } = await sdk.InviteUser({ input });\n      return unwrapInviteUser(result);\n    },\n    onSuccess: invalidateMembers,\n  });\n};\n\nfunction unwrapInviteUser(result: InviteUserMutation[\"inviteUser\"]) {\n  switch (result.__typename) {\n    case \"UserInvited\":\n      return result.invitation;\n    case \"InviteeAlreadyMember\":\n      throw mutationFailure(result.__typename, \"User already exists\");\n    case \"InviteeAlreadyInvited\":\n      throw mutationFailure(result.__typename, \"User already invited\");\n    case \"InvalidInviteeEmail\":\n    case \"InviteeEmailNotDeliverable\":\n      throw mutationFailure(result.__typename, \"Invalid email\");\n    case \"InvalidInviteeRole\":\n      throw mutationFailure(result.__typename, \"Invalid role\");\n    case \"InvalidInvitationExpiry\":\n      throw mutationFailure(result.__typename, \"Invalid input\");\n    case \"OrganizationBlockedFromSendingInvites\":\n      throw mutationFailure(\n        result.__typename,\n        \"This organization is not allowed to send invites.\",\n      );\n  }\n}\n\nexport const useDeleteUser = () => {\n  const invalidateMembers = useInvalidateMembers();\n\n  return useClientGraphqlMutation({\n    mutationFn: async (sdk, input: RemoveMemberInput) => {\n      const { removeMember: result } = await sdk.RemoveMember({ input });\n      return unwrapRemoveMember(result);\n    },\n    onSuccess: invalidateMembers,\n  });\n};\n\nfunction unwrapRemoveMember(result: RemoveMemberMutation[\"removeMember\"]) {\n  switch (result.__typename) {\n    case \"MemberRemoved\":\n      return result;\n    case \"MemberNotFound\":\n    case \"MemberIsManagedByDirectory\":\n      throw mutationFailure(result.__typename, \"Cannot revoke membership\");\n  }\n}\n\nexport const useRevokeUserInvite = () => {\n  const invalidateMembers = useInvalidateMembers();\n\n  return useClientGraphqlMutation({\n    mutationFn: async (sdk, input: RevokeInvitationInput) => {\n      const { revokeInvitation: result } = await sdk.RevokeInvitation({\n        input,\n      });\n      return unwrapRevokeInvitation(result);\n    },\n    onSuccess: invalidateMembers,\n  });\n};\n\nfunction unwrapRevokeInvitation(\n  result: RevokeInvitationMutation[\"revokeInvitation\"],\n) {\n  switch (result.__typename) {\n    case \"InvitationRevoked\":\n      return result.invitation;\n    case \"InvitationNotFound\":\n      throw mutationFailure(result.__typename, \"User not invited\");\n    case \"InvitationNotPending\":\n      throw mutationFailure(result.__typename, \"User already accepted invite\");\n  }\n}\n\nexport const useResendUserInvite = () => {\n  const invalidateMembers = useInvalidateMembers();\n\n  return useClientGraphqlMutation({\n    mutationFn: async (sdk, input: ResendInvitationInput) => {\n      const { resendInvitation: result } = await sdk.ResendInvitation({\n        input,\n      });\n      return unwrapResendInvitation(result);\n    },\n    onSuccess: invalidateMembers,\n  });\n};\n\nfunction unwrapResendInvitation(\n  result: ResendInvitationMutation[\"resendInvitation\"],\n) {\n  switch (result.__typename) {\n    case \"InvitationResent\":\n      return result.invitation;\n    case \"ResendInvitationNotFound\":\n      throw mutationFailure(result.__typename, \"User not invited\");\n    case \"InviteeAlreadyAccepted\":\n      throw mutationFailure(result.__typename, \"User already accepted invite\");\n    case \"InviteeEmailNotDeliverable\":\n      throw mutationFailure(result.__typename, \"Invalid email\");\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/esm/lib/api-keys/api-key-details-dialog.js

@@ -2,9 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Flex, Box, Text, ScrollArea } from "@radix-ui/themes";
 import { Button, Dialog, Label } from "../elements.js";
 import { ApiKeyDetailsCard } from "./api-key-details-card.js";
-import {
-  useListOrganizationApiKeyPermissions
-} from "../../api/endpoint.js";
+import { useListOrganizationApiKeyPermissions } from "../api/api-key.js";
 import { Translation } from "../i18n/translation.js";
 function Permission({
   ...permission

package/dist/esm/lib/api-keys/api-key-details-dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/api-keys/api-key-details-dialog.tsx"],"sourcesContent":["import { Flex, Box, Text, ScrollArea } from \"@radix-ui/themes\";\nimport { Button, Dialog, Label } from \"../elements.js\";\nimport { ApiKeyDetailsCard } from \"./api-key-details-card.js\";\nimport {\n  ListOrganizationApiKeysResponseData,\n  useListOrganizationApiKeyPermissions,\n} from \"../../api/endpoint.js\";\nimport { Translation } from \"../i18n/translation.js\";\n\nfunction Permission({\n  ...permission\n}: {\n  slug: string;\n  name: string;\n  description?: string | null;\n}) {\n  return (\n    <Box className=\"woswidgets-api-key-details-permission\" px=\"4\" py=\"3\">\n      <Flex direction=\"column\">\n        <Text size=\"2\" weight=\"bold\">\n          {permission.name}\n        </Text>\n        {permission.description ? (\n          <Text size=\"2\" color=\"gray\">\n            {permission.description}\n          </Text>\n        ) : null}\n      </Flex>\n    </Box>\n  );\n}\n\nexport function ApiKeyDetailsDialog({\n  open,\n  onOpenChange,\n  apiKey,\n  permissions,\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  apiKey: ListOrganizationApiKeysResponseData;\n  permissions: string[];\n}) {\n  const permissionsQuery = useListOrganizationApiKeyPermissions({ limit: 100 });\n  const permissionBySlug = new Map(\n    permissionsQuery.data?.data.map((permission) => [\n      permission.slug,\n      permission,\n    ]) ?? [],\n  );\n  const displayedPermissions = permissions.map(\n    (slug) =>\n      permissionBySlug.get(slug) ?? {\n        slug,\n        name: slug,\n        description: null,\n      },\n  );\n\n  return (\n    <Dialog.Root open={open} onOpenChange={onOpenChange}>\n      <Dialog.Content maxWidth=\"529px\">\n        <Dialog.Title>\n          <Translation\n            defaultMessage=\"API key details\"\n            id=\"dqU4kt\"\n            description=\"Dialog title for viewing API key details\"\n          />\n        </Dialog.Title>\n        <Flex direction=\"column\" gap=\"5\">\n          <ApiKeyDetailsCard apiKey={apiKey} mt=\"5\" />\n          {permissions.length ? (\n            <Flex direction=\"column\" gap=\"2\">\n              <Label>\n                <Translation\n                  defaultMessage=\"Permissions\"\n                  id=\"i0XUeg\"\n                  description=\"Label for API key permissions section\"\n                />\n              </Label>\n              <Flex\n                style={{\n                  borderRadius: \"var(--radius-3)\",\n                  borderColor: \"var(--gray-6)\",\n                  borderWidth: \"1px\",\n                  borderStyle: \"solid\",\n                }}\n                direction=\"column\"\n                align=\"stretch\"\n              >\n                <ScrollArea style={{ maxHeight: \"calc(50vh - 150px)\" }}>\n                  {displayedPermissions.map((permission) => (\n                    <Permission key={permission.slug} {...permission} />\n                  ))}\n                </ScrollArea>\n              </Flex>\n            </Flex>\n          ) : null}\n        </Flex>\n        <Flex align=\"center\" gap=\"3\" justify=\"end\" mt=\"5\">\n          <Dialog.Close>\n            <Button variant=\"secondary\">\n              <Translation\n                defaultMessage=\"Close\"\n                id=\"/4YwoE\"\n                description=\"Button to close the API key details dialog\"\n              />\n            </Button>\n          </Dialog.Close>\n        </Flex>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n}\n"],"mappings":"AAkBM,SACE,KADF;AAlBN,SAAS,MAAM,KAAK,MAAM,kBAAkB;AAC5C,SAAS,QAAQ,QAAQ,aAAa;AACtC,SAAS,yBAAyB;AAClC;AAAA,EAEE;AAAA,OACK;AACP,SAAS,mBAAmB;AAE5B,SAAS,WAAW;AAAA,EAClB,GAAG;AACL,GAIG;AACD,SACE,oBAAC,OAAI,WAAU,yCAAwC,IAAG,KAAI,IAAG,KAC/D,+BAAC,QAAK,WAAU,UACd;AAAA,wBAAC,QAAK,MAAK,KAAI,QAAO,QACnB,qBAAW,MACd;AAAA,IACC,WAAW,cACV,oBAAC,QAAK,MAAK,KAAI,OAAM,QAClB,qBAAW,aACd,IACE;AAAA,KACN,GACF;AAEJ;AAEO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,mBAAmB,qCAAqC,EAAE,OAAO,IAAI,CAAC;AAC5E,QAAM,mBAAmB,IAAI;AAAA,IAC3B,iBAAiB,MAAM,KAAK,IAAI,CAAC,eAAe;AAAA,MAC9C,WAAW;AAAA,MACX;AAAA,IACF,CAAC,KAAK,CAAC;AAAA,EACT;AACA,QAAM,uBAAuB,YAAY;AAAA,IACvC,CAAC,SACC,iBAAiB,IAAI,IAAI,KAAK;AAAA,MAC5B;AAAA,MACA,MAAM;AAAA,MACN,aAAa;AAAA,IACf;AAAA,EACJ;AAEA,SACE,oBAAC,OAAO,MAAP,EAAY,MAAY,cACvB,+BAAC,OAAO,SAAP,EAAe,UAAS,SACvB;AAAA,wBAAC,OAAO,OAAP,EACC;AAAA,MAAC;AAAA;AAAA,QACC,gBAAe;AAAA,QACf,IAAG;AAAA,QACH,aAAY;AAAA;AAAA,IACd,GACF;AAAA,IACA,qBAAC,QAAK,WAAU,UAAS,KAAI,KAC3B;AAAA,0BAAC,qBAAkB,QAAgB,IAAG,KAAI;AAAA,MACzC,YAAY,SACX,qBAAC,QAAK,WAAU,UAAS,KAAI,KAC3B;AAAA,4BAAC,SACC;AAAA,UAAC;AAAA;AAAA,YACC,gBAAe;AAAA,YACf,IAAG;AAAA,YACH,aAAY;AAAA;AAAA,QACd,GACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,cAAc;AAAA,cACd,aAAa;AAAA,cACb,aAAa;AAAA,cACb,aAAa;AAAA,YACf;AAAA,YACA,WAAU;AAAA,YACV,OAAM;AAAA,YAEN,8BAAC,cAAW,OAAO,EAAE,WAAW,qBAAqB,GAClD,+BAAqB,IAAI,CAAC,eACzB,oBAAC,cAAkC,GAAG,cAArB,WAAW,IAAsB,CACnD,GACH;AAAA;AAAA,QACF;AAAA,SACF,IACE;AAAA,OACN;AAAA,IACA,oBAAC,QAAK,OAAM,UAAS,KAAI,KAAI,SAAQ,OAAM,IAAG,KAC5C,8BAAC,OAAO,OAAP,EACC,8BAAC,UAAO,SAAQ,aACd;AAAA,MAAC;AAAA;AAAA,QACC,gBAAe;AAAA,QACf,IAAG;AAAA,QACH,aAAY;AAAA;AAAA,IACd,GACF,GACF,GACF;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/lib/api-keys/api-key-details-dialog.tsx"],"sourcesContent":["import { Flex, Box, Text, ScrollArea } from \"@radix-ui/themes\";\nimport { Button, Dialog, Label } from \"../elements.js\";\nimport { ApiKeyDetailsCard } from \"./api-key-details-card.js\";\nimport type { ListOrganizationApiKeysResponseData } from \"../../api/endpoint.js\";\nimport { useListOrganizationApiKeyPermissions } from \"../api/api-key.js\";\nimport { Translation } from \"../i18n/translation.js\";\n\nfunction Permission({\n  ...permission\n}: {\n  slug: string;\n  name: string;\n  description?: string | null;\n}) {\n  return (\n    <Box className=\"woswidgets-api-key-details-permission\" px=\"4\" py=\"3\">\n      <Flex direction=\"column\">\n        <Text size=\"2\" weight=\"bold\">\n          {permission.name}\n        </Text>\n        {permission.description ? (\n          <Text size=\"2\" color=\"gray\">\n            {permission.description}\n          </Text>\n        ) : null}\n      </Flex>\n    </Box>\n  );\n}\n\nexport function ApiKeyDetailsDialog({\n  open,\n  onOpenChange,\n  apiKey,\n  permissions,\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  apiKey: ListOrganizationApiKeysResponseData;\n  permissions: string[];\n}) {\n  const permissionsQuery = useListOrganizationApiKeyPermissions({ limit: 100 });\n  const permissionBySlug = new Map(\n    permissionsQuery.data?.data.map((permission) => [\n      permission.slug,\n      permission,\n    ]) ?? [],\n  );\n  const displayedPermissions = permissions.map(\n    (slug) =>\n      permissionBySlug.get(slug) ?? {\n        slug,\n        name: slug,\n        description: null,\n      },\n  );\n\n  return (\n    <Dialog.Root open={open} onOpenChange={onOpenChange}>\n      <Dialog.Content maxWidth=\"529px\">\n        <Dialog.Title>\n          <Translation\n            defaultMessage=\"API key details\"\n            id=\"dqU4kt\"\n            description=\"Dialog title for viewing API key details\"\n          />\n        </Dialog.Title>\n        <Flex direction=\"column\" gap=\"5\">\n          <ApiKeyDetailsCard apiKey={apiKey} mt=\"5\" />\n          {permissions.length ? (\n            <Flex direction=\"column\" gap=\"2\">\n              <Label>\n                <Translation\n                  defaultMessage=\"Permissions\"\n                  id=\"i0XUeg\"\n                  description=\"Label for API key permissions section\"\n                />\n              </Label>\n              <Flex\n                style={{\n                  borderRadius: \"var(--radius-3)\",\n                  borderColor: \"var(--gray-6)\",\n                  borderWidth: \"1px\",\n                  borderStyle: \"solid\",\n                }}\n                direction=\"column\"\n                align=\"stretch\"\n              >\n                <ScrollArea style={{ maxHeight: \"calc(50vh - 150px)\" }}>\n                  {displayedPermissions.map((permission) => (\n                    <Permission key={permission.slug} {...permission} />\n                  ))}\n                </ScrollArea>\n              </Flex>\n            </Flex>\n          ) : null}\n        </Flex>\n        <Flex align=\"center\" gap=\"3\" justify=\"end\" mt=\"5\">\n          <Dialog.Close>\n            <Button variant=\"secondary\">\n              <Translation\n                defaultMessage=\"Close\"\n                id=\"/4YwoE\"\n                description=\"Button to close the API key details dialog\"\n              />\n            </Button>\n          </Dialog.Close>\n        </Flex>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n}\n"],"mappings":"AAgBM,SACE,KADF;AAhBN,SAAS,MAAM,KAAK,MAAM,kBAAkB;AAC5C,SAAS,QAAQ,QAAQ,aAAa;AACtC,SAAS,yBAAyB;AAElC,SAAS,4CAA4C;AACrD,SAAS,mBAAmB;AAE5B,SAAS,WAAW;AAAA,EAClB,GAAG;AACL,GAIG;AACD,SACE,oBAAC,OAAI,WAAU,yCAAwC,IAAG,KAAI,IAAG,KAC/D,+BAAC,QAAK,WAAU,UACd;AAAA,wBAAC,QAAK,MAAK,KAAI,QAAO,QACnB,qBAAW,MACd;AAAA,IACC,WAAW,cACV,oBAAC,QAAK,MAAK,KAAI,OAAM,QAClB,qBAAW,aACd,IACE;AAAA,KACN,GACF;AAEJ;AAEO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,mBAAmB,qCAAqC,EAAE,OAAO,IAAI,CAAC;AAC5E,QAAM,mBAAmB,IAAI;AAAA,IAC3B,iBAAiB,MAAM,KAAK,IAAI,CAAC,eAAe;AAAA,MAC9C,WAAW;AAAA,MACX;AAAA,IACF,CAAC,KAAK,CAAC;AAAA,EACT;AACA,QAAM,uBAAuB,YAAY;AAAA,IACvC,CAAC,SACC,iBAAiB,IAAI,IAAI,KAAK;AAAA,MAC5B;AAAA,MACA,MAAM;AAAA,MACN,aAAa;AAAA,IACf;AAAA,EACJ;AAEA,SACE,oBAAC,OAAO,MAAP,EAAY,MAAY,cACvB,+BAAC,OAAO,SAAP,EAAe,UAAS,SACvB;AAAA,wBAAC,OAAO,OAAP,EACC;AAAA,MAAC;AAAA;AAAA,QACC,gBAAe;AAAA,QACf,IAAG;AAAA,QACH,aAAY;AAAA;AAAA,IACd,GACF;AAAA,IACA,qBAAC,QAAK,WAAU,UAAS,KAAI,KAC3B;AAAA,0BAAC,qBAAkB,QAAgB,IAAG,KAAI;AAAA,MACzC,YAAY,SACX,qBAAC,QAAK,WAAU,UAAS,KAAI,KAC3B;AAAA,4BAAC,SACC;AAAA,UAAC;AAAA;AAAA,YACC,gBAAe;AAAA,YACf,IAAG;AAAA,YACH,aAAY;AAAA;AAAA,QACd,GACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,cAAc;AAAA,cACd,aAAa;AAAA,cACb,aAAa;AAAA,cACb,aAAa;AAAA,YACf;AAAA,YACA,WAAU;AAAA,YACV,OAAM;AAAA,YAEN,8BAAC,cAAW,OAAO,EAAE,WAAW,qBAAqB,GAClD,+BAAqB,IAAI,CAAC,eACzB,oBAAC,cAAkC,GAAG,cAArB,WAAW,IAAsB,CACnD,GACH;AAAA;AAAA,QACF;AAAA,SACF,IACE;AAAA,OACN;AAAA,IACA,oBAAC,QAAK,OAAM,UAAS,KAAI,KAAI,SAAQ,OAAM,IAAG,KAC5C,8BAAC,OAAO,OAAP,EACC,8BAAC,UAAO,SAAQ,aACd;AAAA,MAAC;AAAA;AAAA,QACC,gBAAe;AAAA,QACf,IAAG;AAAA,QACH,aAAY;AAAA;AAAA,IACd,GACF,GACF,GACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/esm/lib/api-keys/create-api-key.js

@@ -23,9 +23,9 @@ import {
 import { CopyButton, CopyIconButton } from "../copy-button.js";
 import * as React from "react";
 import {
+  useCreateApiKey,
   useListOrganizationApiKeyPermissions
-} from "../../api/endpoint.js";
-import { useCreateApiKey } from "../api/api-key.js";
+} from "../api/api-key.js";
 import { useApiKeysContext } from "./api-keys-context.js";
 import { Translation } from "../i18n/translation.js";
 import { useTranslation } from "../i18n/use-translation.js";

package/dist/esm/lib/api-keys/create-api-key.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/api-keys/create-api-key.tsx"],"sourcesContent":["import {\n  Box,\n  Checkbox,\n  Flex,\n  ScrollArea,\n  Text,\n  Callout,\n} from \"@radix-ui/themes\";\nimport {\n  Dialog,\n  Label,\n  Button,\n  TextField,\n  TextFieldSlot,\n} from \"../elements.js\";\nimport * as Form from \"../form.js\";\nimport {\n  ExclamationTriangleIcon,\n  InfoCircledIcon,\n  MagnifyingGlassIcon,\n} from \"@radix-ui/react-icons\";\nimport { CopyButton, CopyIconButton } from \"../copy-button.js\";\nimport * as React from \"react\";\nimport {\n  useListOrganizationApiKeyPermissions,\n  ListOrganizationApiKeyPermission,\n} from \"../../api/endpoint.js\";\nimport { useCreateApiKey } from \"../api/api-key.js\";\nimport { useApiKeysContext } from \"./api-keys-context.js\";\nimport { Translation } from \"../i18n/translation.js\";\nimport { useTranslation } from \"../i18n/use-translation.js\";\nimport {\n  ApiKeyExpirationSelectField,\n  getApiKeyExpiresAt,\n  type ApiKeyExpirationOption,\n} from \"./api-key-expiration.js\";\n\nexport function CreateApiKeyDialog() {\n  const {\n    state: { createDialogOpen, createdApiKey },\n    dispatch,\n  } = useApiKeysContext();\n\n  return (\n    <Dialog.Root\n      open={createDialogOpen}\n      onOpenChange={(open) => {\n        if (!open) {\n          dispatch({ type: \"CLOSE_CREATE_DIALOG\" });\n        }\n      }}\n    >\n      {createdApiKey ? (\n        <SaveApiKeyContent apiKey={createdApiKey.value} />\n      ) : (\n        <CreateApiKeyForm\n          // always remount the form when the dialog is opened to reset the validation errors\n          key={`${createDialogOpen}`}\n        />\n      )}\n    </Dialog.Root>\n  );\n}\n\nfunction CreateApiKeyForm() {\n  const { dispatch } = useApiKeysContext();\n  const translate = useTranslation();\n  const [errors, setErrors] = React.useState<{\n    name: boolean;\n  }>({ name: false });\n\n  const validate = (formData: FormData) => {\n    const name = formData.get(\"name\")?.toString() ?? \"\";\n    const errors = { name: !name.trim().length };\n    setErrors(errors);\n    const isValid = Object.values(errors).every((error) => error === false);\n    return isValid;\n  };\n\n  const {\n    mutate: createOrganizationApiKey,\n    error,\n    isPending,\n    isSuccess,\n  } = useCreateApiKey();\n  const permissions = useListOrganizationApiKeyPermissions({ limit: 100 });\n\n  return (\n    <Dialog.Content maxWidth=\"529px\">\n      <Dialog.Title size=\"4\" weight={\"bold\"}>\n        <Translation\n          defaultMessage=\"Create API key\"\n          id=\"eUFRNS\"\n          description=\"Dialog title for creating a new API key\"\n        />\n      </Dialog.Title>\n      <Form.Root\n        onSubmit={(e) => {\n          if (isPending) return;\n          e.preventDefault();\n          const data = new FormData(e.currentTarget);\n          const isValid = validate(data);\n          if (!isValid) {\n            return;\n          }\n\n          createOrganizationApiKey(\n            {\n              data: {\n                name: data.get(\"name\")?.toString() ?? \"\",\n                permissions: data.getAll(\"permission\").map(String),\n                expiresAt:\n                  getApiKeyExpiresAt(\n                    (data.get(\"expiration\")?.toString() ??\n                      \"never\") as ApiKeyExpirationOption,\n                  ) ?? null,\n              },\n            },\n            {\n              onSuccess: (data) => {\n                dispatch({ type: \"RESET_PAGINATION\" });\n                dispatch({ type: \"SET_CREATED_API_KEY\", apiKey: data });\n              },\n            },\n          );\n        }}\n      >\n        <Flex direction=\"column\" align=\"stretch\" gap=\"4\">\n          {error && (\n            <Callout.Root color=\"red\" role=\"alert\">\n              <Callout.Icon>\n                <ExclamationTriangleIcon />\n              </Callout.Icon>\n              <Callout.Text>\n                <Translation\n                  defaultMessage=\"An error occurred while creating the API key.\"\n                  id=\"0LyBVd\"\n                  description=\"Error message when API key creation fails\"\n                />\n              </Callout.Text>\n            </Callout.Root>\n          )}\n          <Form.Field name=\"name\" asChild>\n            <Flex direction=\"column\" align=\"stretch\" gap=\"2\">\n              <Form.Label asChild>\n                <Label>\n                  <Translation\n                    defaultMessage=\"Name\"\n                    id=\"v0VmRy\"\n                    description=\"Label for API key name input field\"\n                  />\n                </Label>\n              </Form.Label>\n              <Form.Control asChild>\n                <TextField\n                  data-1p-ignore\n                  autoComplete=\"off\"\n                  placeholder={translate({\n                    defaultMessage: \"A descriptive name for the API key\",\n                    id: \"moyvr4\",\n                    description: \"Placeholder for API key name input\",\n                  })}\n                />\n              </Form.Control>\n              {errors.name && (\n                <Form.Message asChild>\n                  <Text size=\"2\" color=\"red\">\n                    <Translation\n                      defaultMessage=\"The name is required\"\n                      id=\"oF9d2V\"\n                      description=\"Validation error when API key name is empty\"\n                    />\n                  </Text>\n                </Form.Message>\n              )}\n            </Flex>\n          </Form.Field>\n          <ApiKeyExpirationSelectField />\n          {permissions.isError ? (\n            <Callout.Root color=\"amber\" role=\"status\">\n              <Callout.Icon>\n                <ExclamationTriangleIcon />\n              </Callout.Icon>\n              <Callout.Text>\n                <Translation\n                  defaultMessage=\"Permissions are unavailable right now. You can still create an API key without selecting permissions.\"\n                  id=\"Pw7VUu\"\n                  description=\"Warning message when API key permissions fail to load\"\n                />\n              </Callout.Text>\n            </Callout.Root>\n          ) : null}\n          {permissions.isSuccess && permissions.data.data.length > 0 && (\n            <PermissionsField permissions={permissions.data.data} />\n          )}\n        </Flex>\n\n        <Flex align=\"center\" gap=\"3\" justify=\"end\" mt=\"5\">\n          <Dialog.Close>\n            <Button variant=\"secondary\" disabled={isPending || isSuccess}>\n              <Translation\n                defaultMessage=\"Cancel\"\n                id=\"AyVAAW\"\n                description=\"Button to cancel API key creation\"\n              />\n            </Button>\n          </Dialog.Close>\n          <Button type=\"submit\" loading={isPending || isSuccess}>\n            <Translation\n              defaultMessage=\"Create API key\"\n              id=\"d4BNWL\"\n              description=\"Button to submit and create the API key\"\n            />\n          </Button>\n        </Flex>\n      </Form.Root>\n    </Dialog.Content>\n  );\n}\n\nfunction SaveApiKeyContent({ apiKey }: { apiKey: string }) {\n  return (\n    <Dialog.Content maxWidth=\"529px\">\n      <Dialog.Title size=\"4\" weight={\"bold\"}>\n        <Translation\n          defaultMessage=\"Save your key\"\n          id=\"wFFCij\"\n          description=\"Dialog title prompting user to save their API key\"\n        />\n      </Dialog.Title>\n      <Dialog.Description>\n        <Translation\n          defaultMessage=\"Please save this API key in a secure location. If you lose it, you'll need to generate a new one.\"\n          id=\"sy+2x7\"\n          description=\"Warning message about saving the API key\"\n        />\n      </Dialog.Description>\n      <Callout.Root mt=\"5\" mb=\"4\">\n        <Callout.Icon>\n          <InfoCircledIcon />\n        </Callout.Icon>\n        <Callout.Text>\n          <Translation\n            defaultMessage=\"You won't be able to access the key again. Please copy it now.\"\n            id=\"EFAK/K\"\n            description=\"Callout warning that the key won't be accessible again\"\n          />\n        </Callout.Text>\n      </Callout.Root>\n      <TextField value={apiKey} readOnly>\n        <TextFieldSlot side=\"right\">\n          <CopyIconButton value={apiKey} />\n        </TextFieldSlot>\n      </TextField>\n      <Flex align=\"center\" gap=\"3\" justify=\"end\" mt=\"5\">\n        <Dialog.Close>\n          <CopyButton value={apiKey}>\n            <Translation\n              defaultMessage=\"Copy and close\"\n              id=\"ViYtvQ\"\n              description=\"Button to copy API key and close dialog\"\n            />\n          </CopyButton>\n        </Dialog.Close>\n      </Flex>\n    </Dialog.Content>\n  );\n}\n\nfunction Permission({\n  checked,\n  permission,\n  onChange,\n}: {\n  checked: boolean;\n  permission: ListOrganizationApiKeyPermission;\n  onChange: (isChecked: boolean) => void;\n}) {\n  return (\n    <label\n      htmlFor={permission.slug}\n      style={{\n        display: \"flex\",\n        alignItems: \"center\",\n        padding: \"var(--space-2) var(--space-4)\",\n        gap: \"var(--space-3)\",\n        borderBottom: \"1px solid var(--gray-6)\",\n        cursor: \"pointer\",\n      }}\n    >\n      <Checkbox\n        checked={checked}\n        id={permission.slug}\n        name=\"permission\"\n        value={permission.slug}\n        onCheckedChange={(e) => onChange(e === \"indeterminate\" ? false : e)}\n      />\n      <Flex direction=\"column\">\n        <Text size=\"2\" weight=\"bold\">\n          {permission.name}\n        </Text>\n        <Text size=\"2\" color=\"gray\">\n          {permission.description}\n        </Text>\n      </Flex>\n    </label>\n  );\n}\n\nfunction PermissionsField({\n  permissions = [],\n}: {\n  permissions: ListOrganizationApiKeyPermission[];\n}) {\n  const [selectedPermissions, setSelectedPermissions] = React.useState<\n    ListOrganizationApiKeyPermission[]\n  >([]);\n  const [filter, setFilter] = React.useState(\"\");\n  const fieldRef = React.useRef<HTMLDivElement | null>(null);\n  const translate = useTranslation();\n  const filteredPermissions = React.useMemo(() => {\n    return permissions.filter((p) => {\n      return (\n        !filter.trim().length ||\n        p.description?.toLowerCase().match(filter.toLowerCase()) ||\n        p.name.toLowerCase().match(filter.toLowerCase()) ||\n        p.slug.toLowerCase().match(filter.toLowerCase())\n      );\n    });\n  }, [permissions, filter]);\n\n  React.useEffect(() => {\n    const onResize = () => {\n      if (fieldRef.current && filteredPermissions.length !== 0) {\n        fieldRef.current.style.minHeight = \"unset\";\n      }\n    };\n    window.addEventListener(\"resize\", onResize);\n    return () => {\n      window.removeEventListener(\"resize\", onResize);\n    };\n  }, [filteredPermissions.length]);\n\n  return (\n    <Form.Field name=\"permissions\" asChild>\n      <Flex direction=\"column\" align=\"stretch\" gap=\"1\">\n        <Form.Label asChild>\n          <Label>\n            <Translation\n              defaultMessage=\"Permissions\"\n              id=\"6YN1wO\"\n              description=\"Label for API key permissions field\"\n            />\n          </Label>\n        </Form.Label>\n        <Text size=\"2\" mb=\"2\" color=\"gray\">\n          <Translation\n            defaultMessage=\"Only enable the minimum permissions required for your use case.\"\n            id=\"q2VEtG\"\n            description=\"Help text for API key permissions selection\"\n          />\n        </Text>\n        <Flex\n          ref={fieldRef}\n          style={{\n            borderRadius: \"var(--radius-3)\",\n            borderColor: \"var(--gray-6)\",\n            borderWidth: \"1px\",\n            borderStyle: \"solid\",\n          }}\n          direction=\"column\"\n          align=\"stretch\"\n        >\n          <TextField\n            name=\"search\"\n            value={filter}\n            size=\"2\"\n            onChange={(e) => {\n              if (fieldRef.current) {\n                fieldRef.current.style.minHeight =\n                  fieldRef.current.clientHeight + 2 + \"px\";\n              }\n              setFilter(e.target.value);\n            }}\n            style={{\n              height: \"40px\",\n              borderRadius: \"var(--radius-3) var(--radius-3) 0 0\",\n              boxShadow: \"none\",\n            }}\n            placeholder={translate({\n              defaultMessage: \"Search\",\n              id: \"iyNcly\",\n              description: \"Placeholder for permissions search input\",\n            })}\n          >\n            <TextFieldSlot side=\"left\" px=\"3\">\n              <MagnifyingGlassIcon aria-hidden=\"true\" height=\"16\" width=\"16\" />\n            </TextFieldSlot>\n          </TextField>\n          {filteredPermissions.length > 0 ? (\n            <>\n              <ScrollArea\n                scrollbars=\"vertical\"\n                style={{\n                  flex: 1,\n                  maxHeight: \"calc(50vh - 150px)\",\n                  border: \"1px solid var(--gray-6)\",\n                  borderWidth: \"1px 0 0\",\n                }}\n              >\n                {filteredPermissions.map((permission) => (\n                  <Permission\n                    checked={selectedPermissions.some(\n                      (sp) => sp.slug === permission.slug,\n                    )}\n                    key={permission.slug}\n                    permission={permission}\n                    onChange={(isChecked) =>\n                      setSelectedPermissions((prev) =>\n                        isChecked\n                          ? [...prev, permission]\n                          : prev.filter((sp) => sp.slug !== permission.slug),\n                      )\n                    }\n                  />\n                ))}\n              </ScrollArea>\n              <Box\n                px=\"4\"\n                py=\"3\"\n                mt={\"-1px\"}\n                flexGrow=\"0\"\n                style={{\n                  borderTop: \"0 solid var(--gray-6)\",\n                  borderWidth: \"1px 0 0\",\n                }}\n              >\n                <SelectedPermissions\n                  total={permissions.length}\n                  selected={selectedPermissions.length}\n                  onToggle={() =>\n                    setSelectedPermissions((prev) =>\n                      prev.length === permissions.length ? [] : permissions,\n                    )\n                  }\n                />\n              </Box>\n            </>\n          ) : (\n            <Flex\n              gap=\"4\"\n              pt=\"6\"\n              pb=\"6\"\n              style={{ borderTop: \"1px solid var(--gray-6)\" }}\n              flexGrow=\"1\"\n              justify=\"center\"\n              align=\"center\"\n              direction=\"column\"\n            >\n              <MagnifyingGlassIcon\n                style={{\n                  color: \"var(--gray-9)\",\n                  width: \"var(--space-5)\",\n                  height: \"var(--space-5)\",\n                }}\n              />\n              <Text size=\"2\" align=\"center\" mb=\"2\" wrap=\"balance\" weight=\"bold\">\n                <Translation\n                  defaultMessage=\"No permissions match your search\"\n                  id=\"xjqT9f\"\n                  description=\"Empty state message when no permissions match search\"\n                />\n              </Text>\n              <Button\n                variant=\"secondary\"\n                size=\"1\"\n                onClick={() => setFilter(\"\")}\n              >\n                <Translation\n                  defaultMessage=\"Clear search\"\n                  id=\"YrMs63\"\n                  description=\"Button to clear permissions search\"\n                />\n              </Button>\n            </Flex>\n          )}\n        </Flex>\n      </Flex>\n    </Form.Field>\n  );\n}\n\nfunction SelectedPermissions({\n  total,\n  selected,\n  onToggle,\n}: {\n  total: number;\n  selected: number;\n  onToggle: () => void;\n}) {\n  return (\n    <Flex align=\"center\" gap=\"2\">\n      <Text size=\"1\" style={{ lineHeight: 1, color: \"var(--gray-11)\" }}>\n        {selected === 0 ? (\n          <Translation\n            defaultMessage=\"No permissions selected\"\n            id=\"FqU9hv\"\n            description=\"Message when no permissions are selected\"\n          />\n        ) : selected === 1 ? (\n          <Translation\n            defaultMessage=\"1 permission selected\"\n            id=\"VouLgT\"\n            description=\"Message showing count of selected permissions\"\n          />\n        ) : (\n          <Translation\n            defaultMessage=\"{count} permissions selected\"\n            id=\"ZL90DI\"\n            description=\"Message showing count of selected permissions\"\n            values={{ count: selected }}\n          />\n        )}\n      </Text>\n      <Text\n        size=\"1\"\n        onClick={onToggle}\n        style={{ cursor: \"pointer\", color: \"var(--accent-10)\" }}\n      >\n        {total === selected ? (\n          <Translation\n            defaultMessage=\"Deselect all\"\n            id=\"63f7SY\"\n            description=\"Button to deselect all permissions\"\n          />\n        ) : (\n          <Translation\n            defaultMessage=\"Select all\"\n            id=\"onTqlA\"\n            description=\"Button to select all permissions\"\n          />\n        )}\n      </Text>\n    </Flex>\n  );\n}\n\nexport function CreateApiKeyButton() {\n  const { dispatch } = useApiKeysContext();\n  return (\n    <Button onClick={() => dispatch({ type: \"OPEN_CREATE_DIALOG\" })}>\n      <Translation\n        defaultMessage=\"Create API key\"\n        id=\"vq5724\"\n        description=\"Button to open create API key dialog\"\n      />\n    </Button>\n  );\n}\n"],"mappings":"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","names":["errors","error","data"]}
+{"version":3,"sources":["../../../../src/lib/api-keys/create-api-key.tsx"],"sourcesContent":["import {\n  Box,\n  Checkbox,\n  Flex,\n  ScrollArea,\n  Text,\n  Callout,\n} from \"@radix-ui/themes\";\nimport {\n  Dialog,\n  Label,\n  Button,\n  TextField,\n  TextFieldSlot,\n} from \"../elements.js\";\nimport * as Form from \"../form.js\";\nimport {\n  ExclamationTriangleIcon,\n  InfoCircledIcon,\n  MagnifyingGlassIcon,\n} from \"@radix-ui/react-icons\";\nimport { CopyButton, CopyIconButton } from \"../copy-button.js\";\nimport * as React from \"react\";\nimport type { ListOrganizationApiKeyPermission } from \"../../api/endpoint.js\";\nimport {\n  useCreateApiKey,\n  useListOrganizationApiKeyPermissions,\n} from \"../api/api-key.js\";\nimport { useApiKeysContext } from \"./api-keys-context.js\";\nimport { Translation } from \"../i18n/translation.js\";\nimport { useTranslation } from \"../i18n/use-translation.js\";\nimport {\n  ApiKeyExpirationSelectField,\n  getApiKeyExpiresAt,\n  type ApiKeyExpirationOption,\n} from \"./api-key-expiration.js\";\n\nexport function CreateApiKeyDialog() {\n  const {\n    state: { createDialogOpen, createdApiKey },\n    dispatch,\n  } = useApiKeysContext();\n\n  return (\n    <Dialog.Root\n      open={createDialogOpen}\n      onOpenChange={(open) => {\n        if (!open) {\n          dispatch({ type: \"CLOSE_CREATE_DIALOG\" });\n        }\n      }}\n    >\n      {createdApiKey ? (\n        <SaveApiKeyContent apiKey={createdApiKey.value} />\n      ) : (\n        <CreateApiKeyForm\n          // always remount the form when the dialog is opened to reset the validation errors\n          key={`${createDialogOpen}`}\n        />\n      )}\n    </Dialog.Root>\n  );\n}\n\nfunction CreateApiKeyForm() {\n  const { dispatch } = useApiKeysContext();\n  const translate = useTranslation();\n  const [errors, setErrors] = React.useState<{\n    name: boolean;\n  }>({ name: false });\n\n  const validate = (formData: FormData) => {\n    const name = formData.get(\"name\")?.toString() ?? \"\";\n    const errors = { name: !name.trim().length };\n    setErrors(errors);\n    const isValid = Object.values(errors).every((error) => error === false);\n    return isValid;\n  };\n\n  const {\n    mutate: createOrganizationApiKey,\n    error,\n    isPending,\n    isSuccess,\n  } = useCreateApiKey();\n  const permissions = useListOrganizationApiKeyPermissions({ limit: 100 });\n\n  return (\n    <Dialog.Content maxWidth=\"529px\">\n      <Dialog.Title size=\"4\" weight={\"bold\"}>\n        <Translation\n          defaultMessage=\"Create API key\"\n          id=\"eUFRNS\"\n          description=\"Dialog title for creating a new API key\"\n        />\n      </Dialog.Title>\n      <Form.Root\n        onSubmit={(e) => {\n          if (isPending) return;\n          e.preventDefault();\n          const data = new FormData(e.currentTarget);\n          const isValid = validate(data);\n          if (!isValid) {\n            return;\n          }\n\n          createOrganizationApiKey(\n            {\n              data: {\n                name: data.get(\"name\")?.toString() ?? \"\",\n                permissions: data.getAll(\"permission\").map(String),\n                expiresAt:\n                  getApiKeyExpiresAt(\n                    (data.get(\"expiration\")?.toString() ??\n                      \"never\") as ApiKeyExpirationOption,\n                  ) ?? null,\n              },\n            },\n            {\n              onSuccess: (data) => {\n                dispatch({ type: \"RESET_PAGINATION\" });\n                dispatch({ type: \"SET_CREATED_API_KEY\", apiKey: data });\n              },\n            },\n          );\n        }}\n      >\n        <Flex direction=\"column\" align=\"stretch\" gap=\"4\">\n          {error && (\n            <Callout.Root color=\"red\" role=\"alert\">\n              <Callout.Icon>\n                <ExclamationTriangleIcon />\n              </Callout.Icon>\n              <Callout.Text>\n                <Translation\n                  defaultMessage=\"An error occurred while creating the API key.\"\n                  id=\"0LyBVd\"\n                  description=\"Error message when API key creation fails\"\n                />\n              </Callout.Text>\n            </Callout.Root>\n          )}\n          <Form.Field name=\"name\" asChild>\n            <Flex direction=\"column\" align=\"stretch\" gap=\"2\">\n              <Form.Label asChild>\n                <Label>\n                  <Translation\n                    defaultMessage=\"Name\"\n                    id=\"v0VmRy\"\n                    description=\"Label for API key name input field\"\n                  />\n                </Label>\n              </Form.Label>\n              <Form.Control asChild>\n                <TextField\n                  data-1p-ignore\n                  autoComplete=\"off\"\n                  placeholder={translate({\n                    defaultMessage: \"A descriptive name for the API key\",\n                    id: \"moyvr4\",\n                    description: \"Placeholder for API key name input\",\n                  })}\n                />\n              </Form.Control>\n              {errors.name && (\n                <Form.Message asChild>\n                  <Text size=\"2\" color=\"red\">\n                    <Translation\n                      defaultMessage=\"The name is required\"\n                      id=\"oF9d2V\"\n                      description=\"Validation error when API key name is empty\"\n                    />\n                  </Text>\n                </Form.Message>\n              )}\n            </Flex>\n          </Form.Field>\n          <ApiKeyExpirationSelectField />\n          {permissions.isError ? (\n            <Callout.Root color=\"amber\" role=\"status\">\n              <Callout.Icon>\n                <ExclamationTriangleIcon />\n              </Callout.Icon>\n              <Callout.Text>\n                <Translation\n                  defaultMessage=\"Permissions are unavailable right now. You can still create an API key without selecting permissions.\"\n                  id=\"Pw7VUu\"\n                  description=\"Warning message when API key permissions fail to load\"\n                />\n              </Callout.Text>\n            </Callout.Root>\n          ) : null}\n          {permissions.isSuccess && permissions.data.data.length > 0 && (\n            <PermissionsField permissions={permissions.data.data} />\n          )}\n        </Flex>\n\n        <Flex align=\"center\" gap=\"3\" justify=\"end\" mt=\"5\">\n          <Dialog.Close>\n            <Button variant=\"secondary\" disabled={isPending || isSuccess}>\n              <Translation\n                defaultMessage=\"Cancel\"\n                id=\"AyVAAW\"\n                description=\"Button to cancel API key creation\"\n              />\n            </Button>\n          </Dialog.Close>\n          <Button type=\"submit\" loading={isPending || isSuccess}>\n            <Translation\n              defaultMessage=\"Create API key\"\n              id=\"d4BNWL\"\n              description=\"Button to submit and create the API key\"\n            />\n          </Button>\n        </Flex>\n      </Form.Root>\n    </Dialog.Content>\n  );\n}\n\nfunction SaveApiKeyContent({ apiKey }: { apiKey: string }) {\n  return (\n    <Dialog.Content maxWidth=\"529px\">\n      <Dialog.Title size=\"4\" weight={\"bold\"}>\n        <Translation\n          defaultMessage=\"Save your key\"\n          id=\"wFFCij\"\n          description=\"Dialog title prompting user to save their API key\"\n        />\n      </Dialog.Title>\n      <Dialog.Description>\n        <Translation\n          defaultMessage=\"Please save this API key in a secure location. If you lose it, you'll need to generate a new one.\"\n          id=\"sy+2x7\"\n          description=\"Warning message about saving the API key\"\n        />\n      </Dialog.Description>\n      <Callout.Root mt=\"5\" mb=\"4\">\n        <Callout.Icon>\n          <InfoCircledIcon />\n        </Callout.Icon>\n        <Callout.Text>\n          <Translation\n            defaultMessage=\"You won't be able to access the key again. Please copy it now.\"\n            id=\"EFAK/K\"\n            description=\"Callout warning that the key won't be accessible again\"\n          />\n        </Callout.Text>\n      </Callout.Root>\n      <TextField value={apiKey} readOnly>\n        <TextFieldSlot side=\"right\">\n          <CopyIconButton value={apiKey} />\n        </TextFieldSlot>\n      </TextField>\n      <Flex align=\"center\" gap=\"3\" justify=\"end\" mt=\"5\">\n        <Dialog.Close>\n          <CopyButton value={apiKey}>\n            <Translation\n              defaultMessage=\"Copy and close\"\n              id=\"ViYtvQ\"\n              description=\"Button to copy API key and close dialog\"\n            />\n          </CopyButton>\n        </Dialog.Close>\n      </Flex>\n    </Dialog.Content>\n  );\n}\n\nfunction Permission({\n  checked,\n  permission,\n  onChange,\n}: {\n  checked: boolean;\n  permission: ListOrganizationApiKeyPermission;\n  onChange: (isChecked: boolean) => void;\n}) {\n  return (\n    <label\n      htmlFor={permission.slug}\n      style={{\n        display: \"flex\",\n        alignItems: \"center\",\n        padding: \"var(--space-2) var(--space-4)\",\n        gap: \"var(--space-3)\",\n        borderBottom: \"1px solid var(--gray-6)\",\n        cursor: \"pointer\",\n      }}\n    >\n      <Checkbox\n        checked={checked}\n        id={permission.slug}\n        name=\"permission\"\n        value={permission.slug}\n        onCheckedChange={(e) => onChange(e === \"indeterminate\" ? false : e)}\n      />\n      <Flex direction=\"column\">\n        <Text size=\"2\" weight=\"bold\">\n          {permission.name}\n        </Text>\n        <Text size=\"2\" color=\"gray\">\n          {permission.description}\n        </Text>\n      </Flex>\n    </label>\n  );\n}\n\nfunction PermissionsField({\n  permissions = [],\n}: {\n  permissions: ListOrganizationApiKeyPermission[];\n}) {\n  const [selectedPermissions, setSelectedPermissions] = React.useState<\n    ListOrganizationApiKeyPermission[]\n  >([]);\n  const [filter, setFilter] = React.useState(\"\");\n  const fieldRef = React.useRef<HTMLDivElement | null>(null);\n  const translate = useTranslation();\n  const filteredPermissions = React.useMemo(() => {\n    return permissions.filter((p) => {\n      return (\n        !filter.trim().length ||\n        p.description?.toLowerCase().match(filter.toLowerCase()) ||\n        p.name.toLowerCase().match(filter.toLowerCase()) ||\n        p.slug.toLowerCase().match(filter.toLowerCase())\n      );\n    });\n  }, [permissions, filter]);\n\n  React.useEffect(() => {\n    const onResize = () => {\n      if (fieldRef.current && filteredPermissions.length !== 0) {\n        fieldRef.current.style.minHeight = \"unset\";\n      }\n    };\n    window.addEventListener(\"resize\", onResize);\n    return () => {\n      window.removeEventListener(\"resize\", onResize);\n    };\n  }, [filteredPermissions.length]);\n\n  return (\n    <Form.Field name=\"permissions\" asChild>\n      <Flex direction=\"column\" align=\"stretch\" gap=\"1\">\n        <Form.Label asChild>\n          <Label>\n            <Translation\n              defaultMessage=\"Permissions\"\n              id=\"6YN1wO\"\n              description=\"Label for API key permissions field\"\n            />\n          </Label>\n        </Form.Label>\n        <Text size=\"2\" mb=\"2\" color=\"gray\">\n          <Translation\n            defaultMessage=\"Only enable the minimum permissions required for your use case.\"\n            id=\"q2VEtG\"\n            description=\"Help text for API key permissions selection\"\n          />\n        </Text>\n        <Flex\n          ref={fieldRef}\n          style={{\n            borderRadius: \"var(--radius-3)\",\n            borderColor: \"var(--gray-6)\",\n            borderWidth: \"1px\",\n            borderStyle: \"solid\",\n          }}\n          direction=\"column\"\n          align=\"stretch\"\n        >\n          <TextField\n            name=\"search\"\n            value={filter}\n            size=\"2\"\n            onChange={(e) => {\n              if (fieldRef.current) {\n                fieldRef.current.style.minHeight =\n                  fieldRef.current.clientHeight + 2 + \"px\";\n              }\n              setFilter(e.target.value);\n            }}\n            style={{\n              height: \"40px\",\n              borderRadius: \"var(--radius-3) var(--radius-3) 0 0\",\n              boxShadow: \"none\",\n            }}\n            placeholder={translate({\n              defaultMessage: \"Search\",\n              id: \"iyNcly\",\n              description: \"Placeholder for permissions search input\",\n            })}\n          >\n            <TextFieldSlot side=\"left\" px=\"3\">\n              <MagnifyingGlassIcon aria-hidden=\"true\" height=\"16\" width=\"16\" />\n            </TextFieldSlot>\n          </TextField>\n          {filteredPermissions.length > 0 ? (\n            <>\n              <ScrollArea\n                scrollbars=\"vertical\"\n                style={{\n                  flex: 1,\n                  maxHeight: \"calc(50vh - 150px)\",\n                  border: \"1px solid var(--gray-6)\",\n                  borderWidth: \"1px 0 0\",\n                }}\n              >\n                {filteredPermissions.map((permission) => (\n                  <Permission\n                    checked={selectedPermissions.some(\n                      (sp) => sp.slug === permission.slug,\n                    )}\n                    key={permission.slug}\n                    permission={permission}\n                    onChange={(isChecked) =>\n                      setSelectedPermissions((prev) =>\n                        isChecked\n                          ? [...prev, permission]\n                          : prev.filter((sp) => sp.slug !== permission.slug),\n                      )\n                    }\n                  />\n                ))}\n              </ScrollArea>\n              <Box\n                px=\"4\"\n                py=\"3\"\n                mt={\"-1px\"}\n                flexGrow=\"0\"\n                style={{\n                  borderTop: \"0 solid var(--gray-6)\",\n                  borderWidth: \"1px 0 0\",\n                }}\n              >\n                <SelectedPermissions\n                  total={permissions.length}\n                  selected={selectedPermissions.length}\n                  onToggle={() =>\n                    setSelectedPermissions((prev) =>\n                      prev.length === permissions.length ? [] : permissions,\n                    )\n                  }\n                />\n              </Box>\n            </>\n          ) : (\n            <Flex\n              gap=\"4\"\n              pt=\"6\"\n              pb=\"6\"\n              style={{ borderTop: \"1px solid var(--gray-6)\" }}\n              flexGrow=\"1\"\n              justify=\"center\"\n              align=\"center\"\n              direction=\"column\"\n            >\n              <MagnifyingGlassIcon\n                style={{\n                  color: \"var(--gray-9)\",\n                  width: \"var(--space-5)\",\n                  height: \"var(--space-5)\",\n                }}\n              />\n              <Text size=\"2\" align=\"center\" mb=\"2\" wrap=\"balance\" weight=\"bold\">\n                <Translation\n                  defaultMessage=\"No permissions match your search\"\n                  id=\"xjqT9f\"\n                  description=\"Empty state message when no permissions match search\"\n                />\n              </Text>\n              <Button\n                variant=\"secondary\"\n                size=\"1\"\n                onClick={() => setFilter(\"\")}\n              >\n                <Translation\n                  defaultMessage=\"Clear search\"\n                  id=\"YrMs63\"\n                  description=\"Button to clear permissions search\"\n                />\n              </Button>\n            </Flex>\n          )}\n        </Flex>\n      </Flex>\n    </Form.Field>\n  );\n}\n\nfunction SelectedPermissions({\n  total,\n  selected,\n  onToggle,\n}: {\n  total: number;\n  selected: number;\n  onToggle: () => void;\n}) {\n  return (\n    <Flex align=\"center\" gap=\"2\">\n      <Text size=\"1\" style={{ lineHeight: 1, color: \"var(--gray-11)\" }}>\n        {selected === 0 ? (\n          <Translation\n            defaultMessage=\"No permissions selected\"\n            id=\"FqU9hv\"\n            description=\"Message when no permissions are selected\"\n          />\n        ) : selected === 1 ? (\n          <Translation\n            defaultMessage=\"1 permission selected\"\n            id=\"VouLgT\"\n            description=\"Message showing count of selected permissions\"\n          />\n        ) : (\n          <Translation\n            defaultMessage=\"{count} permissions selected\"\n            id=\"ZL90DI\"\n            description=\"Message showing count of selected permissions\"\n            values={{ count: selected }}\n          />\n        )}\n      </Text>\n      <Text\n        size=\"1\"\n        onClick={onToggle}\n        style={{ cursor: \"pointer\", color: \"var(--accent-10)\" }}\n      >\n        {total === selected ? (\n          <Translation\n            defaultMessage=\"Deselect all\"\n            id=\"63f7SY\"\n            description=\"Button to deselect all permissions\"\n          />\n        ) : (\n          <Translation\n            defaultMessage=\"Select all\"\n            id=\"onTqlA\"\n            description=\"Button to select all permissions\"\n          />\n        )}\n      </Text>\n    </Flex>\n  );\n}\n\nexport function CreateApiKeyButton() {\n  const { dispatch } = useApiKeysContext();\n  return (\n    <Button onClick={() => dispatch({ type: \"OPEN_CREATE_DIALOG\" })}>\n      <Translation\n        defaultMessage=\"Create API key\"\n        id=\"vq5724\"\n        description=\"Button to open create API key dialog\"\n      />\n    </Button>\n  );\n}\n"],"mappings":"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","names":["errors","error","data"]}

package/dist/esm/lib/api-keys/revoke-api-key-dialog.js

@@ -1,11 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Flex, Callout } from "@radix-ui/themes";
 import { ApiKeyDetailsCard } from "./api-key-details-card.js";
-import {
-  getListOrganizationApiKeysQueryKey
-} from "../../api/endpoint.js";
-import { useDeleteOrganizationApiKey } from "../../api/endpoint.js";
-import { useQueryClient } from "@tanstack/react-query";
+import { useDeleteApiKey } from "../api/api-key.js";
 import { ExclamationTriangleIcon } from "@radix-ui/react-icons";
 import { AlertDialog, Button } from "../elements.js";
 import { Translation } from "../i18n/translation.js";
@@ -15,22 +11,16 @@ function RevokeApiKeyDialog({
   open,
   onOpenChange
 }) {
-  const queryClient = useQueryClient();
   const { dispatch } = useApiKeysContext();
   const {
     mutate: deleteOrganizationApiKey,
     isPending,
     error,
     isSuccess
-  } = useDeleteOrganizationApiKey({
-    mutation: {
-      onSuccess: () => {
-        dispatch({ type: "RESET_PAGINATION" });
-        queryClient.invalidateQueries({
-          queryKey: getListOrganizationApiKeysQueryKey()
-        });
-        onOpenChange(false);
-      }
+  } = useDeleteApiKey({
+    onSuccess: () => {
+      dispatch({ type: "RESET_PAGINATION" });
+      onOpenChange(false);
     }
   });
   return /* @__PURE__ */ jsx(AlertDialog.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs(AlertDialog.Content, { maxWidth: "529px", children: [