@contember/react-client-tenant 2.1.0-beta.2 → 2.2.0-alpha.1

package/dist/types/types/index.d.ts

@@ -1,6 +1,6 @@
-export * from './forms';
-export * from './IdentityMethods';
-export * from './IdentityStateValue';
-export * from './Identity';
-export * from './idp';
+export * from './forms.js';
+export * from './IdentityMethods.js';
+export * from './IdentityStateValue.js';
+export * from './Identity.js';
+export * from './idp.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,YAAY,CAAA;AAC1B,cAAc,OAAO,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,sBAAsB,CAAA;AACpC,cAAc,yBAAyB,CAAA;AACvC,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@contember/react-client-tenant",
   "license": "Apache-2.0",
-  "version": "2.1.0-beta.2",
+  "version": "2.2.0-alpha.1",
   "type": "module",
   "sideEffects": false,
   "main": "./dist/production/index.js",
@@ -34,9 +34,9 @@
     "directory": "packages/react-client-tenant"
   },
   "dependencies": {
-    "@contember/graphql-client-tenant": "2.1.0-beta.1",
-    "@contember/react-client": "2.1.0-beta.1",
-    "@contember/react-utils": "2.1.0-beta.1",
+    "@contember/graphql-client-tenant": "2.1.0-beta.2",
+    "@contember/react-client": "2.1.0-beta.2",
+    "@contember/react-utils": "2.1.0-beta.2",
     "@radix-ui/primitive": "^1.1.3",
     "@radix-ui/react-slot": "^1.2.4",
     "graphql-ts-client-api": "^3.1.17"

package/src/components/IdentityProvider.tsx

@@ -1,7 +1,7 @@
 import { useSessionToken } from '@contember/react-client'
 import { ReactNode, useEffect } from 'react'
-import { useFetchIdentity } from '../hooks'
-import { IdentityContext, IdentityMethodsContext, IdentityStateContext } from '../contexts'
+import { useFetchIdentity } from '../hooks/index.js'
+import { IdentityContext, IdentityMethodsContext, IdentityStateContext } from '../contexts.js'
 
 export interface IdentityProviderProps {
 	children: ReactNode

package/src/components/IdentityState.tsx

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react'
-import { IdentityStateValue } from '../types'
-import { useIdentityState } from '../contexts'
+import { IdentityStateValue } from '../types/index.js'
+import { useIdentityState } from '../contexts.js'
 
 export interface IdentityStateProps {
 	state: IdentityStateValue | IdentityStateValue[]

package/src/components/forms/ChangeMyPasswordForm.tsx

@@ -1,9 +1,9 @@
 import { ReactElement } from 'react'
 import { ChangeMyPasswordErrorCode } from '@contember/graphql-client-tenant'
-import { TenantForm } from './TenantForm'
-import { FormContextValue, FormError, FormState } from '../../types'
-import { useForm } from '../../contexts'
-import { useChangeMyPasswordMutation } from '../../hooks'
+import { TenantForm } from './TenantForm.js'
+import { FormContextValue, FormError, FormState } from '../../types/index.js'
+import { useForm } from '../../contexts.js'
+import { useChangeMyPasswordMutation } from '../../hooks/index.js'
 
 export type ChangeMyPasswordFormValues = {
 	currentPassword: string

package/src/components/forms/ConfirmEmailChangeForm.tsx

@@ -0,0 +1,66 @@
+import { ReactElement } from 'react'
+import * as TenantApi from '@contember/graphql-client-tenant'
+import { ConfirmEmailChangeErrorCode } from '@contember/graphql-client-tenant'
+import { TenantForm } from './TenantForm.js'
+import { FormContextValue, FormError, FormState } from '../../types/index.js'
+import { useForm } from '../../contexts.js'
+import { useConfirmEmailChangeMutation } from '../../hooks/index.js'
+
+export type ConfirmEmailChangeFormValues = {
+	token: string
+}
+
+export type ConfirmEmailChangeFormErrorCode =
+	| ConfirmEmailChangeErrorCode
+	| 'FIELD_REQUIRED'
+	| 'INVALID_VALUE'
+	| 'UNKNOWN_ERROR'
+
+export type ConfirmEmailChangeFormState = FormState
+
+export type ConfirmEmailChangeFormError = FormError<ConfirmEmailChangeFormValues, ConfirmEmailChangeFormErrorCode>
+
+export type ConfirmEmailChangeFormContextValue = FormContextValue<ConfirmEmailChangeFormValues, ConfirmEmailChangeFormErrorCode>
+
+export interface ConfirmEmailChangeFormProps {
+	children: ReactElement
+	onSuccess?: () => void
+	token?: string
+}
+
+export const useConfirmEmailChangeForm = useForm as () => ConfirmEmailChangeFormContextValue
+
+export const ConfirmEmailChangeForm = ({ children, onSuccess, token }: ConfirmEmailChangeFormProps) => {
+	const confirmEmailChange = useConfirmEmailChangeMutation()
+	return (
+		<TenantForm<ConfirmEmailChangeFormContextValue>
+			onSuccess={onSuccess}
+			errorMapping={errorToField}
+			initialValues={{
+				token: token ?? '',
+			}}
+			validate={({ values }) => {
+				const errors: ConfirmEmailChangeFormError[] = []
+				if (!values.token) {
+					errors.push({ code: 'FIELD_REQUIRED', field: 'token' })
+				}
+				return errors
+			}}
+			execute={async ({ values }) => {
+				return await confirmEmailChange({
+					token: values.token,
+				})
+			}}
+		>
+			{children}
+		</TenantForm>
+	)
+}
+const errorToField: Record<TenantApi.ConfirmEmailChangeErrorCode, keyof ConfirmEmailChangeFormValues | undefined> = {
+	TOKEN_EXPIRED: 'token',
+	TOKEN_NOT_FOUND: 'token',
+	TOKEN_USED: 'token',
+	TOKEN_INVALID: 'token',
+	EMAIL_ALREADY_EXISTS: undefined,
+	INVALID_EMAIL_FORMAT: undefined,
+}

package/src/components/forms/CreateApiKeyForm.tsx

@@ -1,9 +1,9 @@
 import { ReactElement } from 'react'
-import { TenantForm } from './TenantForm'
-import { FormContextValue, FormError, FormState } from '../../types'
-import { useForm } from '../../contexts'
+import { TenantForm } from './TenantForm.js'
+import { FormContextValue, FormError, FormState } from '../../types/index.js'
+import { useForm } from '../../contexts.js'
 import { CreateApiKeyErrorCode, MembershipInput } from '@contember/graphql-client-tenant'
-import { CreateApiKeyMutationResult, useCreateApiKeyMutation } from '../../hooks'
+import { CreateApiKeyMutationResult, useCreateApiKeyMutation } from '../../hooks/index.js'
 
 export type CreateApiKeyFormValues = {
 	description: string

package/src/components/forms/CreateSessionTokenForm.tsx

@@ -1,9 +1,9 @@
 import { ReactElement } from 'react'
-import { TenantForm } from './TenantForm'
-import { FormContextValue, FormError, FormState } from '../../types'
-import { useForm } from '../../contexts'
+import { TenantForm } from './TenantForm.js'
+import { FormContextValue, FormError, FormState } from '../../types/index.js'
+import { useForm } from '../../contexts.js'
 import { CreateSessionTokenErrorCode } from '@contember/graphql-client-tenant'
-import { CreateSessionTokenMutationResult, useCreateSessionTokenMutation } from '../../hooks'
+import { CreateSessionTokenMutationResult, useCreateSessionTokenMutation } from '../../hooks/index.js'
 
 export type CreateSessionTokenFormValues = {
 	email: string

package/src/components/forms/InviteForm.tsx

@@ -1,9 +1,9 @@
 import { ReactElement } from 'react'
-import { TenantForm } from './TenantForm'
-import { FormContextValue, FormError, FormState } from '../../types'
-import { useForm } from '../../contexts'
+import { TenantForm } from './TenantForm.js'
+import { FormContextValue, FormError, FormState } from '../../types/index.js'
+import { useForm } from '../../contexts.js'
 import { InviteErrorCode, InviteOptions, MembershipInput } from '@contember/graphql-client-tenant'
-import { InviteMutationResult, useInviteMutation } from '../../hooks'
+import { InviteMutationResult, useInviteMutation } from '../../hooks/index.js'
 
 export type InviteFormValues = {
 	email: string

package/src/components/forms/LoginForm.tsx

@@ -1,12 +1,12 @@
 import { ReactElement, useCallback, useMemo } from 'react'
 import * as TenantApi from '@contember/graphql-client-tenant'
-import { TenantForm } from './TenantForm'
+import { TenantForm } from './TenantForm.js'
 import { SignInErrorCode } from '@contember/graphql-client-tenant'
-import { FormContextValue, FormError, FormState } from '../../types'
-import { useForm } from '../../contexts'
+import { FormContextValue, FormError, FormState } from '../../types/index.js'
+import { useForm } from '../../contexts.js'
 import { useSetSessionToken } from '@contember/react-client'
-import { SignInMutationResult, useSignInMutation } from '../../hooks'
-import { useRedirectToBacklinkCallback } from '../../internal/hooks/useRedirectToBacklink'
+import { SignInMutationResult, useSignInMutation } from '../../hooks/index.js'
+import { useRedirectToBacklinkCallback } from '../../internal/hooks/useRedirectToBacklink.js'
 
 export type LoginFormValues = {
 	email: string
@@ -107,4 +107,6 @@ const errorToField: Record<TenantApi.SignInErrorCode, keyof LoginFormValues | un
 	'INVALID_CREDENTIALS': 'password',
 	'RATE_LIMIT_EXCEEDED': 'password',
 	'OTP_REQUIRED': undefined,
+	'MFA_ENROLLMENT_REQUIRED': undefined,
+	'EMAIL_NOT_VERIFIED': 'email',
 }

package/src/components/forms/OtpConfirmForm.tsx

@@ -1,9 +1,9 @@
 import { ReactElement } from 'react'
-import { TenantForm } from './TenantForm'
-import { FormContextValue, FormError, FormState } from '../../types'
-import { useForm, useIdentityMethods } from '../../contexts'
+import { TenantForm } from './TenantForm.js'
+import { FormContextValue, FormError, FormState } from '../../types/index.js'
+import { useForm, useIdentityMethods } from '../../contexts.js'
 import { ConfirmOtpErrorCode } from '@contember/graphql-client-tenant'
-import { useConfirmOtpMutation } from '../../hooks'
+import { useConfirmOtpMutation } from '../../hooks/index.js'
 
 export type OtpConfirmFormValues = {
 	otpToken: string

package/src/components/forms/OtpPrepareForm.tsx

@@ -1,8 +1,8 @@
 import { ReactElement, useCallback, useMemo } from 'react'
-import { TenantForm } from './TenantForm'
-import { FormContextValue, FormError, FormState } from '../../types'
-import { useForm } from '../../contexts'
-import { PrepareOtpMutationResult, usePrepareOtpMutation } from '../../hooks'
+import { TenantForm } from './TenantForm.js'
+import { FormContextValue, FormError, FormState } from '../../types/index.js'
+import { useForm } from '../../contexts.js'
+import { PrepareOtpMutationResult, usePrepareOtpMutation } from '../../hooks/index.js'
 
 export type OtpPrepareFormValues = {
 	label: string

package/src/components/forms/PasswordResetForm.tsx

@@ -1,10 +1,10 @@
 import { ReactElement } from 'react'
 import * as TenantApi from '@contember/graphql-client-tenant'
 import { ResetPasswordErrorCode } from '@contember/graphql-client-tenant'
-import { TenantForm } from './TenantForm'
-import { FormContextValue, FormError, FormState } from '../../types'
-import { useForm } from '../../contexts'
-import { useResetPasswordMutation } from '../../hooks'
+import { TenantForm } from './TenantForm.js'
+import { FormContextValue, FormError, FormState } from '../../types/index.js'
+import { useForm } from '../../contexts.js'
+import { useResetPasswordMutation } from '../../hooks/index.js'
 
 export type PasswordResetFormValues = {
 	token: string

package/src/components/forms/PasswordResetRequestForm.tsx

@@ -1,10 +1,10 @@
 import { ReactElement, useCallback, useMemo } from 'react'
 import * as TenantApi from '@contember/graphql-client-tenant'
 import { CreatePasswordResetRequestErrorCode } from '@contember/graphql-client-tenant'
-import { TenantForm } from './TenantForm'
-import { FormContextValue, FormError, FormState } from '../../types/forms'
-import { useForm } from '../../contexts'
-import { useCreateResetPasswordRequestMutation } from '../../hooks'
+import { TenantForm } from './TenantForm.js'
+import { FormContextValue, FormError, FormState } from '../../types/forms.js'
+import { useForm } from '../../contexts.js'
+import { useCreateResetPasswordRequestMutation } from '../../hooks/index.js'
 
 export type PasswordResetRequestFormValues = {
 	email: string
@@ -58,4 +58,6 @@ export const PasswordResetRequestForm = ({ children, onSuccess }: PasswordResetR
 }
 const errorToField: Record<TenantApi.CreatePasswordResetRequestErrorCode, keyof PasswordResetRequestFormValues | undefined> = {
 	PERSON_NOT_FOUND: 'email',
+	RATE_LIMIT_EXCEEDED: undefined,
+	INVALID_CAPTCHA: undefined,
 }

package/src/components/forms/PasswordlessSignInForm.tsx

@@ -1,11 +1,11 @@
 import * as TenantApi from '@contember/graphql-client-tenant'
 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 { FormContextValue, FormError, FormState } from '../../types/forms'
-import { TenantForm } from './TenantForm'
+import { useForm } from '../../contexts.js'
+import { SignInPasswordlessMutationResult, useSignInPasswordlessMutation } from '../../hooks/index.js'
+import { useRedirectToBacklinkCallback } from '../../internal/hooks/useRedirectToBacklink.js'
+import { FormContextValue, FormError, FormState } from '../../types/forms.js'
+import { TenantForm } from './TenantForm.js'
 
 export type PasswordlessSignInFormValues = {
 	token: string
@@ -102,4 +102,5 @@ const errorToField: Record<TenantApi.SignInPasswordlessErrorCode, keyof Password
 	TOKEN_INVALID: 'token',
 	INVALID_OTP_TOKEN: 'otpToken',
 	OTP_REQUIRED: undefined,
+	MFA_ENROLLMENT_REQUIRED: undefined,
 }

package/src/components/forms/PasswordlessSignInInitForm.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 { useForm } from '../../contexts'
-import { InitSignInPasswordlessMutationResult, useInitSignInPasswordlessMutation } from '../../hooks'
-import { PASSWORDLESS_REQUEST_STORAGE_KEY } from '../../consts'
-import { useSaveBacklink } from '../../internal/hooks/useRedirectToBacklink'
+import { TenantForm } from './TenantForm.js'
+import { FormContextValue, FormError, FormState } from '../../types/forms.js'
+import { useForm } from '../../contexts.js'
+import { InitSignInPasswordlessMutationResult, useInitSignInPasswordlessMutation } from '../../hooks/index.js'
+import { PASSWORDLESS_REQUEST_STORAGE_KEY } from '../../consts.js'
+import { useSaveBacklink } from '../../internal/hooks/useRedirectToBacklink.js'
 
 export type PasswordlessSignInInitFormValues = {
 	email: string
@@ -68,4 +68,6 @@ export const PasswordlessSignInInitForm = ({ children, onSuccess }: Passwordless
 const errorToField: Record<TenantApi.InitSignInPasswordlessErrorCode, keyof PasswordlessSignInInitFormValues | undefined> = {
 	PERSON_NOT_FOUND: 'email',
 	PASSWORDLESS_DISABLED: undefined,
+	RATE_LIMIT_EXCEEDED: undefined,
+	INVALID_CAPTCHA: undefined,
 }

package/src/components/forms/RequestEmailVerificationForm.tsx

@@ -0,0 +1,62 @@
+import { ReactElement, useCallback, useMemo } from 'react'
+import * as TenantApi from '@contember/graphql-client-tenant'
+import { RequestEmailVerificationErrorCode } from '@contember/graphql-client-tenant'
+import { TenantForm } from './TenantForm.js'
+import { FormContextValue, FormError, FormState } from '../../types/forms.js'
+import { useForm } from '../../contexts.js'
+import { useRequestEmailVerificationMutation } from '../../hooks/index.js'
+
+export type RequestEmailVerificationFormValues = {
+	email: string
+}
+
+export type RequestEmailVerificationFormErrorCode =
+	| RequestEmailVerificationErrorCode
+	| 'FIELD_REQUIRED'
+	| 'INVALID_VALUE'
+	| 'UNKNOWN_ERROR'
+
+export type RequestEmailVerificationFormState = FormState
+
+export type RequestEmailVerificationFormError = FormError<RequestEmailVerificationFormValues, RequestEmailVerificationFormErrorCode>
+
+export type RequestEmailVerificationFormContextValue = FormContextValue<RequestEmailVerificationFormValues, RequestEmailVerificationFormErrorCode>
+
+export interface RequestEmailVerificationFormProps {
+	children: ReactElement
+	onSuccess?: () => void
+}
+
+export const useRequestEmailVerificationForm = useForm as () => RequestEmailVerificationFormContextValue
+
+export const RequestEmailVerificationForm = ({ children, onSuccess }: RequestEmailVerificationFormProps) => {
+	const requestEmailVerification = useRequestEmailVerificationMutation()
+	return (
+		<TenantForm<RequestEmailVerificationFormContextValue>
+			onSuccess={onSuccess}
+			errorMapping={errorToField}
+			initialValues={useMemo(() => ({
+				email: '',
+			}), [])}
+			validate={({ values }) => {
+				if (!values.email) {
+					return [{ code: 'FIELD_REQUIRED', field: 'email' }]
+				} else if (!values.email.match(/^.+@.+$/)) {
+					return [{ code: 'INVALID_VALUE', field: 'email' }]
+				}
+				return []
+			}}
+			execute={useCallback(async ({ values }) => {
+				return await requestEmailVerification({
+					email: values.email,
+				})
+			}, [requestEmailVerification])}
+		>
+			{children}
+		</TenantForm>
+	)
+}
+const errorToField: Record<TenantApi.RequestEmailVerificationErrorCode, keyof RequestEmailVerificationFormValues | undefined> = {
+	RATE_LIMIT_EXCEEDED: undefined,
+	INVALID_CAPTCHA: undefined,
+}

package/src/components/forms/TenantForm.tsx

@@ -1,7 +1,7 @@
 import { ComponentType, ReactElement, useCallback, useEffect, useState } from 'react'
 import { Slot } from '@radix-ui/react-slot'
-import { FormContextValue } from '../../types/forms'
-import { FormContext } from '../../contexts'
+import { FormContextValue } from '../../types/forms.js'
+import { FormContext } from '../../contexts.js'
 import { useReferentiallyStableCallback } from '@contember/react-utils'
 
 const SlotForm = Slot as ComponentType<React.FormHTMLAttributes<HTMLFormElement>>

package/src/components/forms/UpdateProjectMemberForm.tsx

@@ -1,9 +1,9 @@
 import { ReactElement, useEffect, useState } from 'react'
-import { TenantForm } from './TenantForm'
-import { FormContextValue, FormError, FormState } from '../../types'
-import { useForm } from '../../contexts'
+import { TenantForm } from './TenantForm.js'
+import { FormContextValue, FormError, FormState } from '../../types/index.js'
+import { useForm } from '../../contexts.js'
 import { MembershipInput, UpdateProjectMemberErrorCode } from '@contember/graphql-client-tenant'
-import { useProjectMembershipsQuery, useTenantQueryLoader, useUpdateProjectMemberMutation } from '../../hooks'
+import { useProjectMembershipsQuery, useTenantQueryLoader, useUpdateProjectMemberMutation } from '../../hooks/index.js'
 
 export type UpdateProjectMemberFormValues = {
 	memberships: readonly MembershipInput[]

package/src/components/forms/VerifyEmailForm.tsx

@@ -0,0 +1,64 @@
+import { ReactElement } from 'react'
+import * as TenantApi from '@contember/graphql-client-tenant'
+import { VerifyEmailErrorCode } from '@contember/graphql-client-tenant'
+import { TenantForm } from './TenantForm.js'
+import { FormContextValue, FormError, FormState } from '../../types/index.js'
+import { useForm } from '../../contexts.js'
+import { useVerifyEmailMutation } from '../../hooks/index.js'
+
+export type VerifyEmailFormValues = {
+	token: string
+}
+
+export type VerifyEmailFormErrorCode =
+	| VerifyEmailErrorCode
+	| 'FIELD_REQUIRED'
+	| 'INVALID_VALUE'
+	| 'UNKNOWN_ERROR'
+
+export type VerifyEmailFormState = FormState
+
+export type VerifyEmailFormError = FormError<VerifyEmailFormValues, VerifyEmailFormErrorCode>
+
+export type VerifyEmailFormContextValue = FormContextValue<VerifyEmailFormValues, VerifyEmailFormErrorCode>
+
+export interface VerifyEmailFormProps {
+	children: ReactElement
+	onSuccess?: () => void
+	token?: string
+}
+
+export const useVerifyEmailForm = useForm as () => VerifyEmailFormContextValue
+
+export const VerifyEmailForm = ({ children, onSuccess, token }: VerifyEmailFormProps) => {
+	const verifyEmail = useVerifyEmailMutation()
+	return (
+		<TenantForm<VerifyEmailFormContextValue>
+			onSuccess={onSuccess}
+			errorMapping={errorToField}
+			initialValues={{
+				token: token ?? '',
+			}}
+			validate={({ values }) => {
+				const errors: VerifyEmailFormError[] = []
+				if (!values.token) {
+					errors.push({ code: 'FIELD_REQUIRED', field: 'token' })
+				}
+				return errors
+			}}
+			execute={async ({ values }) => {
+				return await verifyEmail({
+					token: values.token,
+				})
+			}}
+		>
+			{children}
+		</TenantForm>
+	)
+}
+const errorToField: Record<TenantApi.VerifyEmailErrorCode, keyof VerifyEmailFormValues | undefined> = {
+	TOKEN_EXPIRED: 'token',
+	TOKEN_NOT_FOUND: 'token',
+	TOKEN_USED: 'token',
+	TOKEN_INVALID: 'token',
+}

package/src/components/forms/index.ts

@@ -1,12 +1,15 @@
-export * from './CreateApiKeyForm'
-export * from './CreateSessionTokenForm'
-export * from './ChangeMyPasswordForm'
-export * from './InviteForm'
-export * from './LoginForm'
-export * from './PasswordResetForm'
-export * from './PasswordResetRequestForm'
-export * from './PasswordlessSignInForm'
-export * from './PasswordlessSignInInitForm'
-export * from './OtpPrepareForm'
-export * from './OtpConfirmForm'
-export * from './UpdateProjectMemberForm'
+export * from './CreateApiKeyForm.js'
+export * from './CreateSessionTokenForm.js'
+export * from './ChangeMyPasswordForm.js'
+export * from './InviteForm.js'
+export * from './LoginForm.js'
+export * from './PasswordResetForm.js'
+export * from './PasswordResetRequestForm.js'
+export * from './VerifyEmailForm.js'
+export * from './ConfirmEmailChangeForm.js'
+export * from './RequestEmailVerificationForm.js'
+export * from './PasswordlessSignInForm.js'
+export * from './PasswordlessSignInInitForm.js'
+export * from './OtpPrepareForm.js'
+export * from './OtpConfirmForm.js'
+export * from './UpdateProjectMemberForm.js'

package/src/components/idp/IDP.tsx

@@ -1,9 +1,9 @@
 import { ReactNode, useEffect, useMemo, useRef, useState } from 'react'
-import { IDPMethodsContextProvider, IDPStateContextProvider } from '../../contexts'
-import { IDPInitError, IDPResponseError, IDPStateValue } from '../../types/idp'
-import { useHandleIDPResponse } from '../../internal/hooks/useHandleIDPResponse'
-import { useIDPAutoInitProvider } from '../../internal/hooks/useIDPAutoInit'
-import { useInitIDPRedirect } from '../../internal/hooks/useInitIDPRedirect'
+import { IDPMethodsContextProvider, IDPStateContextProvider } from '../../contexts.js'
+import { IDPInitError, IDPResponseError, IDPStateValue } from '../../types/idp.js'
+import { useHandleIDPResponse } from '../../internal/hooks/useHandleIDPResponse.js'
+import { useIDPAutoInitProvider } from '../../internal/hooks/useIDPAutoInit.js'
+import { useInitIDPRedirect } from '../../internal/hooks/useInitIDPRedirect.js'
 
 export interface IDPProps {
 	children: ReactNode

package/src/components/idp/IDPInitTrigger.tsx

@@ -1,6 +1,6 @@
 import { Slot } from '@radix-ui/react-slot'
 import { ComponentType, ReactElement } from 'react'
-import { useIDPMethods } from '../../contexts'
+import { useIDPMethods } from '../../contexts.js'
 
 const SlotButton = Slot as ComponentType<React.ButtonHTMLAttributes<HTMLButtonElement>>
 

package/src/components/idp/IDPState.tsx

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react'
-import { IDPStateType } from '../../types'
-import { useIDPState } from '../../contexts'
+import { IDPStateType } from '../../types/index.js'
+import { useIDPState } from '../../contexts.js'
 
 export interface IDPStateProps {
 	state: IDPStateType | IDPStateType[]

package/src/components/idp/index.ts

@@ -1,3 +1,3 @@
-export * from './IDPState'
-export * from './IDP'
-export * from './IDPInitTrigger'
+export * from './IDPState.js'
+export * from './IDP.js'
+export * from './IDPInitTrigger.js'

package/src/components/index.ts

@@ -1,5 +1,5 @@
-export * from './IdentityProvider'
-export * from './IdentityState'
-export * from './forms'
-export * from './idp'
-export * from './triggers'
+export * from './IdentityProvider.js'
+export * from './IdentityState.js'
+export * from './forms/index.js'
+export * from './idp/index.js'
+export * from './triggers/index.js'

package/src/components/triggers/DisableOtpTrigger.tsx

@@ -1,7 +1,7 @@
 import { ReactElement, useCallback } from 'react'
-import { useDisableOtpMutation } from '../../hooks'
-import { TenantActionTrigger } from './TenantActionTrigger'
-import { useIdentityMethods } from '../../contexts'
+import { useDisableOtpMutation } from '../../hooks/index.js'
+import { TenantActionTrigger } from './TenantActionTrigger.js'
+import { useIdentityMethods } from '../../contexts.js'
 
 export interface DisableOtpTriggerProps {
 	children: ReactElement

package/src/components/triggers/LogoutTrigger.tsx

@@ -1,10 +1,16 @@
 import { ReactNode, useCallback } from 'react'
 import { Slot } from '@radix-ui/react-slot'
-import { useLogout } from '../../hooks/useLogout'
+import { useLogout } from '../../hooks/useLogout.js'
 
-export const LogoutTrigger = ({ children }: {
+export const LogoutTrigger = ({ children, idpLogout }: {
 	children: ReactNode
+	/**
+	 * Opt in to OIDC front-channel Single Logout: when the session was federated via an OIDC IdP
+	 * that advertises an end_session_endpoint, redirect the browser to the IdP's logout URL so the
+	 * user is also signed out at the IdP. Defaults to a local-only logout.
+	 */
+	idpLogout?: boolean
 }) => {
 	const logout = useLogout()
-	return <Slot onClick={useCallback(() => logout(), [logout])}>{children}</Slot>
+	return <Slot onClick={useCallback(() => logout({ idpLogout }), [logout, idpLogout])}>{children}</Slot>
 }

package/src/components/triggers/RemoveProjectMemberTrigger.tsx

@@ -1,6 +1,6 @@
 import { ReactElement, useCallback } from 'react'
-import { TenantActionTrigger } from './TenantActionTrigger'
-import { RemoveProjectMemberMutationVariables, useRemoveProjectMemberMutation } from '../../hooks'
+import { TenantActionTrigger } from './TenantActionTrigger.js'
+import { RemoveProjectMemberMutationVariables, useRemoveProjectMemberMutation } from '../../hooks/index.js'
 
 export type RemoveProjectMemberTriggerProps =
 	& RemoveProjectMemberMutationVariables

package/src/components/triggers/index.ts

@@ -1,3 +1,3 @@
-export * from './DisableOtpTrigger'
-export * from './LogoutTrigger'
-export * from './RemoveProjectMemberTrigger'
+export * from './DisableOtpTrigger.js'
+export * from './LogoutTrigger.js'
+export * from './RemoveProjectMemberTrigger.js'

package/src/contexts.ts

@@ -1,5 +1,5 @@
 import { createContext, createRequiredContext } from '@contember/react-utils'
-import { FormContextValue, Identity, IdentityMethods, IdentityStateValue, IDPMethods, IDPStateValue } from './types'
+import { FormContextValue, Identity, IdentityMethods, IdentityStateValue, IDPMethods, IDPStateValue } from './types/index.js'
 
 const IdentityContext_ = createContext<Identity | undefined>('IdentityContext', undefined)
 /** @internal */