@contember/react-client-tenant 2.1.0-alpha.3 → 2.1.0-alpha.35

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@contember/react-client-tenant",
   "license": "Apache-2.0",
-  "version": "2.1.0-alpha.3",
+  "version": "2.1.0-alpha.35",
   "type": "module",
   "sideEffects": false,
   "main": "./dist/production/index.js",
@@ -30,23 +30,23 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/contember/interface.git",
+    "url": "git+https://github.com/contember/contember.git",
     "directory": "packages/react-client-tenant"
   },
   "dependencies": {
-    "@contember/graphql-client-tenant": "2.1.0-alpha.3",
-    "@contember/react-client": "2.1.0-alpha.3",
-    "@contember/react-utils": "2.1.0-alpha.3",
-    "@radix-ui/primitive": "^1.1.0",
-    "@radix-ui/react-slot": "^1.1.0",
-    "graphql-ts-client-api": "^3.1.17"
+    "@contember/graphql-client-tenant": "workspace:*",
+    "@contember/react-client": "workspace:*",
+    "@contember/react-utils": "workspace:*",
+    "@radix-ui/primitive": "catalog:",
+    "@radix-ui/react-slot": "catalog:",
+    "graphql-ts-client-api": "catalog:"
   },
   "peerDependencies": {
-    "react": "^18 || ^19",
-    "react-dom": "^18 || ^19"
+    "react": "catalog:",
+    "react-dom": "catalog:"
   },
   "devDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "catalog:",
+    "react-dom": "catalog:"
   }
 }

package/src/components/IdentityProvider.tsx

@@ -3,7 +3,6 @@ import { ReactNode, useEffect } from 'react'
 import { useFetchIdentity } from '../hooks'
 import { IdentityContext, IdentityMethodsContext, IdentityStateContext } from '../contexts'
 
-
 export interface IdentityProviderProps {
 	children: ReactNode
 }
@@ -19,7 +18,6 @@ export const IdentityProvider: React.FC<IdentityProviderProps> = ({ children })
 		}
 	}, [sessionToken, refreshIdentity])
 
-
 	const hasIdentity = identity !== undefined
 	useEffect(() => {
 		if (sessionToken === undefined && hasIdentity) {

package/src/components/forms/ChangeMyPasswordForm.tsx

@@ -65,7 +65,6 @@ export const ChangeMyPasswordForm = ({ children, onSuccess }: ChangeMyPasswordFo
 			{children}
 		</TenantForm>
 	)
-
 }
 const errorToField: Partial<Record<ChangeMyPasswordFormErrorCode, keyof ChangeMyPasswordFormValues | undefined>> = {
 	PASSWORD_MISMATCH: 'passwordConfirmation',

package/src/components/forms/LoginForm.tsx

@@ -8,7 +8,6 @@ import { useSetSessionToken } from '@contember/react-client'
 import { SignInMutationResult, useSignInMutation } from '../../hooks'
 import { useRedirectToBacklinkCallback } from '../../internal/hooks/useRedirectToBacklink'
 
-
 export type LoginFormValues = {
 	email: string
 	password: string
@@ -98,7 +97,6 @@ export const LoginForm = ({ children, expiration = DEFAULT_LOGIN_EXPIRATION, onS
 			{children}
 		</TenantForm>
 	)
-
 }
 const errorToField: Record<TenantApi.SignInErrorCode, keyof LoginFormValues | undefined> = {
 	'INVALID_PASSWORD': 'password',
@@ -106,5 +104,7 @@ const errorToField: Record<TenantApi.SignInErrorCode, keyof LoginFormValues | un
 	'UNKNOWN_EMAIL': 'email',
 	'PERSON_DISABLED': 'email',
 	'INVALID_OTP_TOKEN': 'otpToken',
+	'INVALID_CREDENTIALS': 'password',
+	'RATE_LIMIT_EXCEEDED': 'password',
 	'OTP_REQUIRED': undefined,
 }

package/src/components/forms/OtpConfirmForm.tsx

@@ -46,7 +46,7 @@ export const OtpConfirmForm = ({ children, onSuccess }: OtpConfirmFormProps) =>
 			}}
 			execute={async ({ values }) => {
 				return await confirmOtp({
-					 otpToken: values.otpToken,
+					otpToken: values.otpToken,
 				})
 			}}
 			errorMapping={{
@@ -58,4 +58,3 @@ export const OtpConfirmForm = ({ children, onSuccess }: OtpConfirmFormProps) =>
 		</TenantForm>
 	)
 }
-

package/src/components/forms/OtpPrepareForm.tsx

@@ -8,8 +8,7 @@ export type OtpPrepareFormValues = {
 	label: string
 }
 
-export type OtpPrepareFormErrorCode =
-	| 'UNKNOWN_ERROR'
+export type OtpPrepareFormErrorCode = 'UNKNOWN_ERROR'
 
 export type OtpPrepareFormState = FormState
 
@@ -42,4 +41,3 @@ export const OtpPrepareForm = ({ children, onSuccess }: OtpPrepareFormProps) =>
 		</TenantForm>
 	)
 }
-

package/src/components/forms/PasswordResetForm.tsx

@@ -70,7 +70,6 @@ export const PasswordResetForm = ({ children, onSuccess, token }: PasswordResetF
 			{children}
 		</TenantForm>
 	)
-
 }
 const errorToField: Record<TenantApi.ResetPasswordErrorCode, keyof PasswordResetFormValues | undefined> = {
 	PASSWORD_TOO_WEAK: 'password',

package/src/components/forms/PasswordResetRequestForm.tsx

@@ -22,7 +22,6 @@ export type PasswordResetRequestFormError = FormError<PasswordResetRequestFormVa
 
 export type PasswordResetRequestFormContextValue = FormContextValue<PasswordResetRequestFormValues, PasswordResetRequestFormErrorCode>
 
-
 export interface PasswordResetRequestFormProps {
 	children: ReactElement
 	onSuccess?: () => void
@@ -31,7 +30,6 @@ export interface PasswordResetRequestFormProps {
 export const usePasswordResetRequestForm = useForm as () => PasswordResetRequestFormContextValue
 
 export const PasswordResetRequestForm = ({ children, onSuccess }: PasswordResetRequestFormProps) => {
-
 	const createResetRequest = useCreateResetPasswordRequestMutation()
 	return (
 		<TenantForm<PasswordResetRequestFormContextValue>
@@ -57,7 +55,6 @@ export const PasswordResetRequestForm = ({ children, onSuccess }: PasswordResetR
 			{children}
 		</TenantForm>
 	)
-
 }
 const errorToField: Record<TenantApi.CreatePasswordResetRequestErrorCode, keyof PasswordResetRequestFormValues | undefined> = {
 	PERSON_NOT_FOUND: 'email',

package/src/components/forms/PasswordlessSignInForm.tsx

@@ -1,11 +1,11 @@
-import { ReactElement, useCallback, useMemo } from 'react'
 import * as TenantApi from '@contember/graphql-client-tenant'
-import { TenantForm } from './TenantForm'
-import { FormContextValue, FormError, FormState } from '../../types/forms'
+import { useSetSessionToken } from '@contember/react-client'
+import { ReactElement, useCallback, useMemo } from 'react'
 import { useForm } from '../../contexts'
 import { SignInPasswordlessMutationResult, useSignInPasswordlessMutation } from '../../hooks'
 import { useRedirectToBacklinkCallback } from '../../internal/hooks/useRedirectToBacklink'
-import { useSetSessionToken } from '@contember/react-client'
+import { FormContextValue, FormError, FormState } from '../../types/forms'
+import { TenantForm } from './TenantForm'
 
 export type PasswordlessSignInFormValues = {
 	token: string
@@ -24,8 +24,11 @@ export type PasswordlessSignInFormState =
 
 export type PasswordlessSignInFormError = FormError<PasswordlessSignInFormValues, PasswordlessSignInFormErrorCode>
 
-export type PasswordlessSignInFormContextValue = FormContextValue<PasswordlessSignInFormValues, PasswordlessSignInFormErrorCode, PasswordlessSignInFormState>
-
+export type PasswordlessSignInFormContextValue = FormContextValue<
+	PasswordlessSignInFormValues,
+	PasswordlessSignInFormErrorCode,
+	PasswordlessSignInFormState
+>
 
 export interface PasswordlessSignInFormProps {
 	requestId: string
@@ -43,8 +46,9 @@ const headers = {
 }
 const DEFAULT_LOGIN_EXPIRATION = 14 * 24 * 60 // 14 days
 
-export const PasswordlessSignInForm = ({ children, onSuccess, requestId, validationType, token, expiration = DEFAULT_LOGIN_EXPIRATION }: PasswordlessSignInFormProps) => {
-
+export const PasswordlessSignInForm = (
+	{ children, onSuccess, requestId, validationType, token, expiration = DEFAULT_LOGIN_EXPIRATION }: PasswordlessSignInFormProps,
+) => {
 	const signIn = useSignInPasswordlessMutation({ headers })
 	const redirectToBacklink = useRedirectToBacklinkCallback()
 	const setSessionToken = useSetSessionToken()
@@ -89,7 +93,6 @@ export const PasswordlessSignInForm = ({ children, onSuccess, requestId, validat
 			{children}
 		</TenantForm>
 	)
-
 }
 const errorToField: Record<TenantApi.SignInPasswordlessErrorCode, keyof PasswordlessSignInFormValues | undefined> = {
 	PERSON_DISABLED: undefined,

package/src/components/forms/PasswordlessSignInInitForm.tsx

@@ -5,6 +5,7 @@ import { FormContextValue, FormError, FormState } from '../../types/forms'
 import { useForm } from '../../contexts'
 import { InitSignInPasswordlessMutationResult, useInitSignInPasswordlessMutation } from '../../hooks'
 import { PASSWORDLESS_REQUEST_STORAGE_KEY } from '../../consts'
+import { useSaveBacklink } from '../../internal/hooks/useRedirectToBacklink'
 
 export type PasswordlessSignInInitFormValues = {
 	email: string
@@ -22,7 +23,6 @@ export type PasswordlessSignInInitFormError = FormError<PasswordlessSignInInitFo
 
 export type PasswordlessSignInInitFormContextValue = FormContextValue<PasswordlessSignInInitFormValues, PasswordlessSignInInitFormErrorCode>
 
-
 export interface PasswordlessSignInInitFormProps {
 	children: ReactElement
 	onSuccess?: (args: { result: InitSignInPasswordlessMutationResult }) => void
@@ -31,12 +31,16 @@ export interface PasswordlessSignInInitFormProps {
 export const usePasswordlessSignInInitForm = useForm as () => PasswordlessSignInInitFormContextValue
 
 export const PasswordlessSignInInitForm = ({ children, onSuccess }: PasswordlessSignInInitFormProps) => {
-
 	const initSignIn = useInitSignInPasswordlessMutation()
+	const saveBacklink = useSaveBacklink({
+		storage: 'local',
+	})
+
 	return (
 		<TenantForm<PasswordlessSignInInitFormContextValue, InitSignInPasswordlessMutationResult>
 			onSuccess={res => {
 				localStorage.setItem(PASSWORDLESS_REQUEST_STORAGE_KEY, res.result.requestId)
+				saveBacklink()
 				onSuccess?.(res)
 			}}
 			errorMapping={errorToField}
@@ -60,7 +64,6 @@ export const PasswordlessSignInInitForm = ({ children, onSuccess }: Passwordless
 			{children}
 		</TenantForm>
 	)
-
 }
 const errorToField: Record<TenantApi.InitSignInPasswordlessErrorCode, keyof PasswordlessSignInInitFormValues | undefined> = {
 	PERSON_NOT_FOUND: 'email',

package/src/components/forms/TenantForm.tsx

@@ -6,7 +6,6 @@ import { useReferentiallyStableCallback } from '@contember/react-utils'
 
 const SlotForm = Slot as ComponentType<React.FormHTMLAttributes<HTMLFormElement>>
 
-
 type ExecuteResult<T extends FormContextValue<any, any, any>, OkResult = undefined> =
 	| ({ ok: true } & (OkResult extends undefined ? {} : { result: OkResult }))
 	| { ok: false; error?: T['errors'][number]['code']; developerMessage?: string; state?: T['state'] }
@@ -87,12 +86,15 @@ export const TenantForm = <T extends FormContextValue<any, any, any>, OkResult =
 			setState('error')
 			setErrors([{
 				code: 'UNKNOWN_ERROR',
-				developerMessage: typeof e === 'string' ? e : (e && typeof e === 'object' && 'message' in e && typeof e.message === 'string') ? e.message : undefined,
+				developerMessage: typeof e === 'string'
+					? e
+					: (e && typeof e === 'object' && 'message' in e && typeof e.message === 'string')
+					? e.message
+					: undefined,
 			}])
 		}
 	})
 
-
 	const onChange = useReferentiallyStableCallback(onChangeIn || (() => undefined))
 	useEffect(() => {
 		onChange?.({ values, state, submit })
@@ -101,13 +103,15 @@ export const TenantForm = <T extends FormContextValue<any, any, any>, OkResult =
 	const setValue = useCallback((field: string, value: string) => setValues(values => ({ ...values, [field]: value })), [])
 
 	return (
-		<FormContext.Provider value={{
-			values,
-			setValues,
-			state,
-			errors,
-			setValue: setValue,
-		} as unknown as T}>
+		<FormContext.Provider
+			value={{
+				values,
+				setValues,
+				state,
+				errors,
+				setValue: setValue,
+			} as unknown as T}
+		>
 			<SlotForm onSubmit={submit}>
 				{children}
 			</SlotForm>

package/src/components/forms/UpdateProjectMemberForm.tsx

@@ -2,7 +2,7 @@ import { ReactElement, useEffect, useState } from 'react'
 import { TenantForm } from './TenantForm'
 import { FormContextValue, FormError, FormState } from '../../types'
 import { useForm } from '../../contexts'
-import { UpdateProjectMemberErrorCode, MembershipInput } from '@contember/graphql-client-tenant'
+import { MembershipInput, UpdateProjectMemberErrorCode } from '@contember/graphql-client-tenant'
 import { useProjectMembershipsQuery, useTenantQueryLoader, useUpdateProjectMemberMutation } from '../../hooks'
 
 export type UpdateProjectMemberFormValues = {
@@ -24,7 +24,7 @@ export interface UpdateProjectMemberFormProps {
 	children: ReactElement
 	identityId: string
 	projectSlug: string
-	onSuccess?: (args: { }) => void
+	onSuccess?: (args: {}) => void
 }
 
 export const useUpdateProjectMemberForm = useForm as () => UpdateProjectMemberFormContextValue

package/src/components/idp/IDP.tsx

@@ -10,9 +10,11 @@ export interface IDPProps {
 	onLogin?: () => void
 	onInitError?: (error: IDPInitError) => void
 	onResponseError?: (error: IDPResponseError) => void
+	expiration?: number
+	redirectUrl?: string
 }
 
-export const IDP = ({ children, onResponseError, onInitError, onLogin }: IDPProps) => {
+export const IDP = ({ children, onResponseError, onInitError, onLogin, expiration, redirectUrl }: IDPProps) => {
 	const hasOauthResponse = useMemo(() => {
 		const params = new URLSearchParams(window.location.search)
 		return params.has('state') && (params.has('code') || params.has('id_token'))
@@ -28,9 +30,9 @@ export const IDP = ({ children, onResponseError, onInitError, onLogin }: IDPProp
 		}
 		return { type: 'nothing' }
 	})
-	useHandleIDPResponse({ hasOauthResponse, setState, onLogin })
+	useHandleIDPResponse({ hasOauthResponse, setState, onLogin, expiration: expiration, redirectUrl })
 
-	const initRedirect = useInitIDPRedirect({ setState })
+	const initRedirect = useInitIDPRedirect({ setState, redirectUrl })
 
 	const isFirstRender = useRef(true)
 	useEffect(() => {
@@ -53,7 +55,6 @@ export const IDP = ({ children, onResponseError, onInitError, onLogin }: IDPProp
 		}
 	}, [onInitError, onResponseError, state])
 
-
 	return (
 		<IDPStateContextProvider.Provider value={state}>
 			<IDPMethodsContextProvider.Provider value={{ initRedirect }}>
@@ -61,5 +62,4 @@ export const IDP = ({ children, onResponseError, onInitError, onLogin }: IDPProp
 			</IDPMethodsContextProvider.Provider>
 		</IDPStateContextProvider.Provider>
 	)
-
 }

package/src/components/idp/IDPInitTrigger.tsx

@@ -11,7 +11,5 @@ export interface IDPInitTriggerProps {
 
 export const IDPInitTrigger = ({ identityProvider, ...props }: IDPInitTriggerProps) => {
 	const initIdp = useIDPMethods().initRedirect
-	return (
-		<SlotButton onClick={() => initIdp({ provider: identityProvider })}  {...props} />
-	)
+	return <SlotButton onClick={() => initIdp({ provider: identityProvider })} {...props} />
 }

package/src/components/triggers/DisableOtpTrigger.tsx

@@ -19,7 +19,8 @@ export const DisableOtpTrigger = ({ onSuccess, ...props }: DisableOtpTriggerProp
 			onSuccess={() => {
 				refreshIdentity()
 				onSuccess?.()
-			}} {...props}
+			}}
+			{...props}
 		/>
 	)
 }

package/src/components/triggers/RemoveProjectMemberTrigger.tsx

@@ -10,7 +10,6 @@ export type RemoveProjectMemberTriggerProps =
 		onError?: (e: unknown) => void
 	}
 
-
 export const RemoveProjectMemberTrigger = ({ identityId, projectSlug, ...props }: RemoveProjectMemberTriggerProps) => {
 	const removeProjectMember = useRemoveProjectMemberMutation()
 	const execute = useCallback(async () => await removeProjectMember({ projectSlug, identityId }), [identityId, projectSlug, removeProjectMember])

package/src/components/triggers/TenantActionTrigger.tsx

@@ -8,12 +8,14 @@ const SlotButton = Slot as ComponentType<React.ButtonHTMLAttributes<HTMLButtonEl
 export interface TenantActionTriggerProps<OkResult, Error extends string> {
 	children: ReactElement
 	onClick?: MouseEventHandler<HTMLButtonElement>
-	onSuccess?: (args: {result: OkResult}) => void
+	onSuccess?: (args: { result: OkResult }) => void
 	onError?: (args: { code: Error | 'UNKNOWN_ERROR'; error: unknown }) => void
 	execute: () => Promise<({ ok: true } & (OkResult extends undefined ? {} : { result: OkResult })) | { ok: false; error?: Error }>
 }
 
-export const TenantActionTrigger = <OkResult, Error extends string>({ onError: onErrorIn, onSuccess: onSuccessIn, onClick: onClickProp, execute: executeIn, ...props }: TenantActionTriggerProps<OkResult, Error>) => {
+export const TenantActionTrigger = <OkResult, Error extends string>(
+	{ onError: onErrorIn, onSuccess: onSuccessIn, onClick: onClickProp, execute: executeIn, ...props }: TenantActionTriggerProps<OkResult, Error>,
+) => {
 	const [submitting, setSubmitting] = useState(false)
 
 	const onSuccess = useReferentiallyStableCallback(onSuccessIn || (() => undefined))

package/src/contexts.ts

@@ -16,13 +16,11 @@ const IdentityStateContext_ = createRequiredContext<IdentityStateValue>('Identit
 export const IdentityStateContext = IdentityStateContext_[0]
 export const useIdentityState = IdentityStateContext_[1]
 
-
 const FormContext_ = createRequiredContext<FormContextValue<any, any, any>>('FormContext')
 /** @internal */
 export const FormContext = FormContext_[0]
 export const useForm = FormContext_[1]
 
-
 const IDPStateContext = createRequiredContext<IDPStateValue>('IDPStateContext')
 /** @internal */
 export const IDPStateContextProvider = IDPStateContext[0]

package/src/hooks/mutations/apiKey/useDisableApiKeyMutation.tsx

@@ -1,7 +1,6 @@
 import * as TenantApi from '@contember/graphql-client-tenant'
 import { createTenantMutation } from '../../useTenantMutation'
 
-
 export const disableApiKeyMutation = TenantApi.mutation$
 	.disableApiKey(
 		TenantApi

package/src/hooks/mutations/auth/useSignInMutation.ts

@@ -17,7 +17,6 @@ export const signInMutation = TenantApi
 		options => options.alias('mutation'),
 	)
 
-
 export const useSignInMutation = createTenantMutation(signInMutation, {
 	apiToken: LoginToken,
 })

package/src/hooks/mutations/idp/useInitSignInIDPMutation.ts

@@ -3,7 +3,6 @@ import { LoginToken } from '../../useTenantApi'
 import { createTenantMutation } from '../../useTenantMutation'
 import { ModelType } from 'graphql-ts-client-api'
 
-
 export type InitSignInIDPMutationVariables = {
 	identityProvider: string
 	data: {
@@ -24,6 +23,10 @@ const InitSignInIDPMutation = TenantApi
 		options => options.alias('mutation'),
 	)
 
-export const useInitSignInIDPMutation = createTenantMutation<InitSignInIDPMutationResult, TenantApi.InitSignInIDPErrorCode, InitSignInIDPMutationVariables>(InitSignInIDPMutation, {
+export const useInitSignInIDPMutation = createTenantMutation<
+	InitSignInIDPMutationResult,
+	TenantApi.InitSignInIDPErrorCode,
+	InitSignInIDPMutationVariables
+>(InitSignInIDPMutation, {
 	apiToken: LoginToken,
 })

package/src/hooks/mutations/idp/useSignInIdpMutation.ts

@@ -29,7 +29,9 @@ export type SignInIDPMutationVariables = {
 		& { [key: string]: any }
 }
 
-
-export const useSignInIDPMutation = createTenantMutation<SignInIDPMutationResult, TenantApi.SignInIDPErrorCode, SignInIDPMutationVariables>(signInIDPMutation, {
-	apiToken: LoginToken,
-})
+export const useSignInIDPMutation = createTenantMutation<SignInIDPMutationResult, TenantApi.SignInIDPErrorCode, SignInIDPMutationVariables>(
+	signInIDPMutation,
+	{
+		apiToken: LoginToken,
+	},
+)

package/src/hooks/mutations/otp/useConfirmOtpMutation.ts

@@ -2,12 +2,12 @@ import * as TenantApi from '@contember/graphql-client-tenant'
 import { createTenantMutation } from '../../useTenantMutation'
 
 export const confirmOtpMutation = TenantApi.mutation$
-	.confirmOtp(TenantApi
-		.confirmOtpResponse$$
-		.error(TenantApi.confirmOtpError$$),
-	options => options.alias('mutation'),
+	.confirmOtp(
+		TenantApi
+			.confirmOtpResponse$$
+			.error(TenantApi.confirmOtpError$$),
+		options => options.alias('mutation'),
 	)
 
-
 export const useConfirmOtpMutation = createTenantMutation(confirmOtpMutation)
 export type ConfirmOtpMutationVariables = Parameters<ReturnType<typeof useConfirmOtpMutation>>[0]

package/src/hooks/mutations/otp/usePrepareOtpMutation.ts

@@ -11,6 +11,5 @@ export const prepareOtpMutation = TenantApi.mutation$.prepareOtp(
 	options => options.alias('mutation'),
 )
 
-
 export const usePrepareOtpMutation = createTenantMutation(prepareOtpMutation)
 export type PrepareOtpMutationVariables = Parameters<ReturnType<typeof usePrepareOtpMutation>>[0]

package/src/hooks/mutations/passwordless/useActivatePasswordlessOtpMutation.ts

@@ -2,7 +2,6 @@ import * as TenantApi from '@contember/graphql-client-tenant'
 import { LoginToken } from '../../useTenantApi'
 import { createTenantMutation } from '../../useTenantMutation'
 
-
 const ActivatePasswordlessOtpMutation = TenantApi
 	.mutation$
 	.activatePasswordlessOtp(

package/src/hooks/mutations/passwordless/useDisableMyPasswordlessMutation.ts

@@ -1,7 +1,6 @@
 import * as TenantApi from '@contember/graphql-client-tenant'
 import { createTenantMutation } from '../../useTenantMutation'
 
-
 const DisableMyPasswordlessMutation = TenantApi
 	.mutation$
 	.disableMyPasswordless(

package/src/hooks/mutations/passwordless/useEnableMyPasswordlessMutation.ts

@@ -1,7 +1,6 @@
 import * as TenantApi from '@contember/graphql-client-tenant'
 import { createTenantMutation } from '../../useTenantMutation'
 
-
 const EnableMyPasswordlessMutation = TenantApi
 	.mutation$
 	.enableMyPasswordless(

package/src/hooks/mutations/profile/useChangeMyProfile.ts

@@ -4,8 +4,8 @@ import { createTenantMutation } from '../../useTenantMutation'
 export const changeMyProfile = TenantApi.mutation$
 	.changeMyProfile(
 		TenantApi
-		  .changeMyProfileResponse$$
-		  .error(TenantApi.changeMyProfileError$$),
+			.changeMyProfileResponse$$
+			.error(TenantApi.changeMyProfileError$$),
 		options => options.alias('mutation'),
 	)
 

package/src/hooks/mutations/profile/useChangeProfile.ts

@@ -4,8 +4,8 @@ import { createTenantMutation } from '../../useTenantMutation'
 export const changeProfile = TenantApi.mutation$
 	.changeProfile(
 		TenantApi
-		  .changeProfileResponse$$
-		  .error(TenantApi.changeProfileError$$),
+			.changeProfileResponse$$
+			.error(TenantApi.changeProfileError$$),
 		options => options.alias('mutation'),
 	)
 

package/src/hooks/queries/useMeQuery.ts

@@ -6,10 +6,11 @@ import { useCallback } from 'react'
 const identityFragment = TenantApi
 	.identity$$
 	.person(TenantApi.person$.id.email.name.otpEnabled)
-	.projects(TenantApi
-		.identityProjectRelation$
-		.project(TenantApi.project$$)
-		.memberships(TenantApi.membership$$.variables(TenantApi.variableEntry$$)),
+	.projects(
+		TenantApi
+			.identityProjectRelation$
+			.project(TenantApi.project$$)
+			.memberships(TenantApi.membership$$.variables(TenantApi.variableEntry$$)),
 	)
 	.permissions(TenantApi.identityGlobalPermissions$$)
 

package/src/hooks/queries/useProjectMembersQuery.ts

@@ -5,10 +5,10 @@ import { useCallback } from 'react'
 
 const projectIdentityRelationFragment = TenantApi
 	.projectIdentityRelation$
-	.identity(TenantApi.identity$$
-		.person(TenantApi.person$.id.email.name.otpEnabled)
-		.apiKey(TenantApi.apiKey$$)
-		,
+	.identity(
+		TenantApi.identity$$
+			.person(TenantApi.person$.id.email.name.otpEnabled)
+			.apiKey(TenantApi.apiKey$$),
 	)
 	.memberships(TenantApi.membership$$.variables(TenantApi.variableEntry$$))
 
@@ -20,23 +20,28 @@ export type ProjectMembersQueryVariables =
 	}
 	& TenantApi.ProjectMembersInput
 
-
 export const useProjectMembersQuery = ({ headers, apiToken }: TenantApiOptions = {}) => {
 	const executor = useTenantApi({
 		headers,
 		apiToken,
 	})
 	return useCallback(async ({ projectSlug, ...membersInput }: ProjectMembersQueryVariables): Promise<ProjectMembersQueryResult> => {
-		const result = await executor(TenantApi.query$.projectBySlug({
-			slug: ParameterRef.of('projectSlug'),
-		}, TenantApi.project$.members({
-			input: ParameterRef.of('membersInput'),
-		}, projectIdentityRelationFragment)), {
-			variables: {
-				projectSlug,
-				membersInput,
+		const result = await executor(
+			TenantApi.query$.projectBySlug(
+				{
+					slug: ParameterRef.of('projectSlug'),
+				},
+				TenantApi.project$.members({
+					input: ParameterRef.of('membersInput'),
+				}, projectIdentityRelationFragment),
+			),
+			{
+				variables: {
+					projectSlug,
+					membersInput,
+				},
 			},
-		})
+		)
 
 		return result.projectBySlug?.members ?? []
 	}, [executor])

package/src/hooks/queries/useProjectMembershipsQuery.ts

@@ -12,7 +12,6 @@ export type ProjectMembershipsQueryVariables = {
 	identityId: string
 }
 
-
 export const useProjectMembershipsQuery = (options: TenantApiOptions = {}) => {
 	const executor = useTenantApi(options)
 	return useCallback(async (input: ProjectMembershipsQueryVariables): Promise<ProjectMembershipsQueryResult> => {

package/src/hooks/queries/useProjectRolesDefinitionQuery.ts

@@ -8,8 +8,7 @@ const projectRolesDefinitionFragment = TenantApi.roleDefinition$$
 		TenantApi.roleVariableDefinition$$
 			.on(TenantApi.roleConditionVariableDefinition$$)
 			.on(TenantApi.roleEntityVariableDefinition$$)
-			.on(TenantApi.rolePredefinedVariableDefinition$$)
-		,
+			.on(TenantApi.rolePredefinedVariableDefinition$$),
 	)
 
 export type ProjectRoleDefinition = ModelType<typeof projectRolesDefinitionFragment>