@erikey/react 0.4.26 → 0.4.28

package/src/ui/types/credentials-options.ts

@@ -0,0 +1,38 @@
+import type { PasswordValidation } from "./password-validation"
+
+export type CredentialsOptions = {
+    /**
+     * Enable or disable the Confirm Password input
+     * @default false
+     */
+    confirmPassword?: boolean
+
+    /**
+     * Enable or disable Forgot Password flow
+     * @default true
+     */
+    forgotPassword?: boolean
+
+    /**
+     * Customize the password validation
+     */
+    passwordValidation?: PasswordValidation
+
+    /**
+     * Enable or disable Remember Me checkbox
+     * @default false
+     */
+    rememberMe?: boolean
+
+    /**
+     * Enable or disable Username support
+     * @default false
+     */
+    username?: boolean
+
+    /**
+     * Make username required when username is enabled
+     * @default true
+     */
+    usernameRequired?: boolean
+}

package/src/ui/types/delete-user-options.ts

@@ -0,0 +1,7 @@
+export type DeleteUserOptions = {
+    /**
+     * Enable or disable email verification for account deletion
+     * @default undefined
+     */
+    verification?: boolean
+}

package/src/ui/types/email-verification-options.ts

@@ -0,0 +1,7 @@
+export type EmailVerificationOptions = {
+    /**
+     * Enable OTP verification for email verification
+     * @default false
+     */
+    otp?: boolean
+}

package/src/ui/types/fetch-error.ts

@@ -0,0 +1,6 @@
+export type FetchError = {
+    code?: string | undefined
+    message?: string | undefined
+    status?: number
+    statusText?: string
+}

package/src/ui/types/generic-oauth-options.ts

@@ -0,0 +1,16 @@
+import type { Provider } from "../lib/social-providers"
+import type { AuthClient } from "./auth-client"
+
+export type GenericOAuthOptions = {
+    /**
+     * Custom OAuth Providers
+     * @default []
+     */
+    providers: Provider[]
+    /**
+     * Custom generic OAuth sign in function
+     */
+    signIn?: (
+        params: Parameters<AuthClient["signIn"]["oauth2"]>[0]
+    ) => Promise<unknown>
+}

package/src/ui/types/gravatar-options.ts

@@ -0,0 +1,21 @@
+export type GravatarOptions = {
+    /**
+     * Default image type or URL
+     * Options: '404', 'mp', 'identicon', 'monsterid', 'wavatar', 'retro', 'robohash', 'blank', or custom URL
+     */
+    d?: string
+    /**
+     * Image size in pixels (1-2048)
+     */
+    size?: number
+    /**
+     * Whether to append .jpg extension to the hash
+     * @default false
+     */
+    jpg?: boolean
+    /**
+     * Force default image even if user has Gravatar
+     * @default false
+     */
+    forceDefault?: boolean
+}

package/src/ui/types/image.ts

@@ -0,0 +1,7 @@
+import type { ComponentType } from "react"
+
+export type Image = ComponentType<{
+    src: string
+    alt: string
+    className?: string
+}>

package/src/ui/types/invitation.ts

@@ -0,0 +1,10 @@
+export type Invitation = {
+    id: string
+    organizationId: string
+    email: string
+    role: string
+    status: string
+    inviterId: string
+    expiresAt: Date
+    teamId?: string | undefined
+}

package/src/ui/types/link.ts

@@ -0,0 +1,7 @@
+import type { ComponentType, ReactNode } from "react"
+
+export type Link = ComponentType<{
+    href: string
+    className?: string
+    children: ReactNode
+}>

package/src/ui/types/organization-options.ts

@@ -0,0 +1,106 @@
+export type OrganizationLogoOptions = {
+    /**
+     * Upload a logo image and return the URL string
+     * @remarks `(file: File) => Promise<string>`
+     */
+    upload?: (file: File) => Promise<string | undefined | null>
+    /**
+     * Delete a previously uploaded logo image from your storage/CDN
+     * @remarks `(url: string) => Promise<void>`
+     */
+    delete?: (url: string) => Promise<void>
+    /**
+     * Logo size for resizing
+     * @default 256 if upload is provided, 128 otherwise
+     */
+    size: number
+    /**
+     * File extension for logo uploads
+     * @default "png"
+     */
+    extension: string
+}
+
+import type { OrganizationViewPaths } from "../lib/view-paths"
+
+export type OrganizationOptions = {
+    /**
+     * Logo configuration
+     * @default undefined
+     */
+    logo?: boolean | Partial<OrganizationLogoOptions>
+    /**
+     * Custom roles to add to the built-in roles (owner, admin, member)
+     * @default []
+     */
+    customRoles?: Array<{ role: string; label: string }>
+    /**
+     * Enable or disable API key support for organizations
+     * @default false
+     */
+    apiKey?: boolean
+    /**
+     * Base path for organization-scoped views (supports slugged or static base)
+     * When using slug paths, set this to the common prefix (e.g. "/organization")
+     */
+    basePath?: string
+    /**
+     * Organization path mode
+     * - "default": use active-organization based routes
+     * - "slug": use slug-based URLs where slug becomes the first path segment
+     *   e.g. "/[slug]/members" (or `${basePath}/[slug]/members` if basePath provided)
+     * @default "default"
+     */
+    pathMode?: "default" | "slug"
+    /**
+     * The current organization slug
+     */
+    slug?: string
+    /**
+     * The path to redirect to when Personal Account is selected
+     */
+    personalPath?: string
+    /**
+     * Customize organization view paths
+     */
+    viewPaths?: Partial<OrganizationViewPaths>
+}
+
+export type OrganizationOptionsContext = {
+    /**
+     * Logo configuration
+     * @default undefined
+     */
+    logo?: OrganizationLogoOptions
+    /**
+     * Custom roles to add to the built-in roles (owner, admin, member)
+     * @default []
+     */
+    customRoles: Array<{ role: string; label: string }>
+    /**
+     * Enable or disable API key support for organizations
+     * @default false
+     */
+    apiKey?: boolean
+    /**
+     * Base path for organization-scoped views
+     */
+    basePath: string
+    /**
+     * Organization path mode
+     * @default "default"
+     */
+    pathMode?: "default" | "slug"
+    /**
+     * The current organization slug
+     */
+    slug?: string
+    /**
+     * The path to redirect to when Personal Account is selected
+     */
+    personalPath?: string
+    /**
+     * Customize organization view paths
+     */
+    viewPaths: OrganizationViewPaths
+}

package/src/ui/types/password-validation.ts

@@ -0,0 +1,16 @@
+export type PasswordValidation = {
+    /**
+     * Maximum password length
+     */
+    maxLength?: number
+
+    /**
+     * Minimum password length
+     */
+    minLength?: number
+
+    /**
+     * Password validation regex
+     */
+    regex?: RegExp
+}

package/src/ui/types/profile.ts

@@ -0,0 +1,15 @@
+export type Profile = {
+    id?: string | number
+    email?: string | null
+    name?: string | null
+    displayUsername?: string | null
+    username?: string | null
+    displayName?: string | null
+    firstName?: string | null
+    fullName?: string | null
+    isAnonymous?: boolean | null
+    emailVerified?: boolean | null
+    image?: string | null
+    avatar?: string | null
+    avatarUrl?: string | null
+}

package/src/ui/types/refetch.ts

@@ -0,0 +1 @@
+export type Refetch = () => Promise<unknown> | unknown

package/src/ui/types/render-toast.ts

@@ -0,0 +1,9 @@
+type ToastVariant = "default" | "success" | "error" | "info" | "warning"
+
+export type RenderToast = ({
+    variant,
+    message
+}: {
+    variant?: ToastVariant
+    message?: string
+}) => void

package/src/ui/types/sign-up-options.ts

@@ -0,0 +1,7 @@
+export type SignUpOptions = {
+    /**
+     * Array of fields to show in Sign Up form
+     * @default ["name"]
+     */
+    fields?: string[]
+}

package/src/ui/types/social-options.ts

@@ -0,0 +1,16 @@
+import type { SocialProvider } from "better-auth/social-providers"
+import type { AuthClient } from "./auth-client"
+
+export type SocialOptions = {
+    /**
+     * Array of Social Providers to enable
+     * @remarks `SocialProvider[]`
+     */
+    providers: SocialProvider[]
+    /**
+     * Custom social sign in function
+     */
+    signIn?: (
+        params: Parameters<AuthClient["signIn"]["social"]>[0]
+    ) => Promise<unknown>
+}

package/src/ui/types/team-options.ts

@@ -0,0 +1,47 @@
+export type TeamOptions = {
+    /**
+     * Enable teams feature
+     * @default false
+     */
+    enabled?: boolean
+    /**
+     * Custom roles to add to the built-in team roles (admin, member)
+     * @default []
+     */
+    customRoles?: Array<{ role: string; label: string }>
+    /**
+     * Team color configuration
+     * Define custom CSS variables for team colors
+     * @default Uses --team-1 through --team-5
+     */
+    colors?: {
+        /**
+         * Number of predefined team colors
+         * @default 5
+         */
+        count?: number
+        /**
+         * CSS variable prefix
+         * @default "team"
+         */
+        prefix?: string
+    }
+}
+
+export type TeamOptionsContext = {
+    /**
+     * Enable teams feature
+     */
+    enabled: boolean
+    /**
+     * Custom roles to add to the built-in team roles (admin, member)
+     */
+    customRoles: Array<{ role: string; label: string }>
+    /**
+     * Team color configuration
+     */
+    colors: {
+        count: number
+        prefix: string
+    }
+}