@omnikit-js/ui 0.6.0 → 0.9.1

package/dist/components/client/index.d.ts

@@ -0,0 +1,349 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { c as PaymentMethod, C as Customer, E as Entitlement } from '../../types-EyXt-nzt.js';
+export { Button, ButtonProps } from '@marcoschwartz/lite-ui';
+
+interface Tab {
+    id: string;
+    label: string;
+    content: React.ReactNode;
+}
+interface TabsProps {
+    tabs: Tab[];
+    defaultTab?: string;
+    className?: string;
+}
+declare function Tabs({ tabs, defaultTab, className }: TabsProps): react_jsx_runtime.JSX.Element;
+
+interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title: string;
+    children: React.ReactNode;
+    className?: string;
+}
+declare function Modal({ isOpen, onClose, title, children, className }: ModalProps): react_jsx_runtime.JSX.Element | null;
+
+interface PaymentMethodManagerProps {
+    currentMethod: {
+        type: string;
+        last4: string;
+        expiry: string;
+    };
+}
+declare function PaymentMethodManager({ currentMethod }: PaymentMethodManagerProps): react_jsx_runtime.JSX.Element;
+
+interface ActionConfig {
+    baseUrl: string;
+    apiKey?: string;
+    accessToken?: string;
+    projectId: number;
+}
+interface SubscriptionDisplay {
+    id: number;
+    plan: string;
+    status: string;
+    price: string;
+    period: string;
+    nextBilling: string;
+    cancelAtPeriodEnd?: boolean;
+}
+interface InvoiceDisplay {
+    id: string;
+    date: string;
+    amount: string;
+    status: string;
+    url: string;
+}
+interface PlanDisplay {
+    id: number;
+    priceId: number;
+    name: string;
+    description?: string;
+    price: string;
+    period: string;
+    features: string[];
+    current: boolean;
+    popular?: boolean;
+}
+interface BillingContentProps {
+    subscription: SubscriptionDisplay | null;
+    invoices: InvoiceDisplay[];
+    paymentMethods: PaymentMethod[];
+    plans: PlanDisplay[];
+    customer: Customer;
+    entitlements: Entitlement[];
+    actionConfig: ActionConfig;
+    className?: string;
+}
+declare function BillingContent({ subscription, invoices, paymentMethods, plans, customer, entitlements, actionConfig, className }: BillingContentProps): react_jsx_runtime.JSX.Element;
+
+interface LoginFormProps {
+    /** API base URL (e.g., "https://api.example.com/omnikit") */
+    apiUrl: string;
+    /** Project ID for authentication scope */
+    projectId: number;
+    /** Called on successful login with user data and tokens */
+    onSuccess?: (data: LoginSuccessData) => void;
+    /** Called on login error */
+    onError?: (error: Error) => void;
+    /** Show "Remember me" checkbox */
+    showRememberMe?: boolean;
+    /** Allow login with username instead of email */
+    allowUsername?: boolean;
+    /** Custom class name for the form container */
+    className?: string;
+    /** Link to registration page */
+    registerLink?: string;
+    /** Link to forgot password page */
+    forgotPasswordLink?: string;
+}
+interface LoginSuccessData {
+    access_token: string;
+    refresh_token: string;
+    token_type: string;
+    expires_in: number;
+    user: {
+        id: number;
+        uuid: string;
+        email: string;
+        username: string;
+        display_name?: string;
+        project_id: number;
+        organization_id?: number;
+        default_project_id?: number;
+    };
+    organization?: {
+        id: number;
+        name: string;
+        slug: string;
+    } | null;
+    project?: {
+        id: number;
+        name: string;
+        slug: string;
+    } | null;
+    session?: {
+        id: string;
+        device_name: string;
+        device_type: string;
+        ip_address: string;
+        created_at: string;
+        expires_at: string;
+    };
+}
+
+declare function LoginForm({ apiUrl, projectId, onSuccess, onError, showRememberMe, allowUsername, className, registerLink, forgotPasswordLink, }: LoginFormProps): react_jsx_runtime.JSX.Element;
+
+interface RegisterFormProps {
+    /** API base URL (e.g., "https://api.example.com/omnikit") */
+    apiUrl: string;
+    /** Project ID for user registration scope */
+    projectId: number;
+    /** Called on successful registration with user data and tokens */
+    onSuccess?: (data: RegisterSuccessData) => void;
+    /** Called on registration error */
+    onError?: (error: Error) => void;
+    /** Require username field (if false, generates from email) */
+    requireUsername?: boolean;
+    /** Show display name field */
+    showDisplayName?: boolean;
+    /** Show organization name field */
+    showOrganizationName?: boolean;
+    /** Show terms and conditions checkbox */
+    showTerms?: boolean;
+    /** Link to terms and conditions page */
+    termsLink?: string;
+    /** Custom class name for the form container */
+    className?: string;
+    /** Link to login page */
+    loginLink?: string;
+}
+interface RegisterSuccessData {
+    message: string;
+    access_token: string;
+    refresh_token: string;
+    token_type: string;
+    expires_in: number;
+    user: {
+        id: number;
+        uuid: string;
+        email: string;
+        username: string;
+        display_name?: string;
+        project_id: number;
+        organization_id?: number;
+        default_project_id?: number;
+        created_at: string;
+        personal_organization?: {
+            id: number;
+            name: string;
+            slug: string;
+        };
+        personal_project?: {
+            id: number;
+            name: string;
+            slug: string;
+            organization_id: number;
+        };
+    };
+    session?: {
+        id: string;
+        device_name: string;
+        device_type: string;
+        ip_address: string;
+        created_at: string;
+        expires_at: string;
+    };
+}
+
+declare function RegisterForm({ apiUrl, projectId, onSuccess, onError, requireUsername, showDisplayName, showOrganizationName, showTerms, termsLink, className, loginLink, }: RegisterFormProps): react_jsx_runtime.JSX.Element;
+
+interface ForgotPasswordFormProps {
+    /** API base URL (e.g., "https://api.example.com/omnikit") */
+    apiUrl: string;
+    /** Project ID for authentication scope */
+    projectId: number;
+    /** Frontend URL for password reset link (e.g., "https://app.example.com/reset-password") */
+    resetPasswordUrl: string;
+    /** Called on successful request */
+    onSuccess?: () => void;
+    /** Called on error */
+    onError?: (error: Error) => void;
+    /** Custom class name for the form container */
+    className?: string;
+    /** Link to login page */
+    loginLink?: string;
+}
+
+declare function ForgotPasswordForm({ apiUrl, projectId, resetPasswordUrl, onSuccess, onError, className, loginLink, }: ForgotPasswordFormProps): react_jsx_runtime.JSX.Element;
+
+interface ResetPasswordFormProps {
+    /** API base URL (e.g., "https://api.example.com/omnikit") */
+    apiUrl: string;
+    /** Reset token from URL query parameter */
+    token: string;
+    /** Called on successful password reset */
+    onSuccess?: () => void;
+    /** Called on error */
+    onError?: (error: Error) => void;
+    /** Custom class name for the form container */
+    className?: string;
+    /** Link to login page */
+    loginLink?: string;
+}
+
+declare function ResetPasswordForm({ apiUrl, token, onSuccess, onError, className, loginLink, }: ResetPasswordFormProps): react_jsx_runtime.JSX.Element;
+
+interface FileUploaderProps {
+    /** API base URL (e.g., "https://api.example.com/omnikit") */
+    apiUrl: string;
+    /** Project ID for storage scope */
+    projectId: number;
+    /** Target bucket ID (uses project default if not set) */
+    bucketId?: number;
+    /** Target folder ID */
+    folderId?: number;
+    /** Access level for uploaded files */
+    accessLevel?: 'private' | 'public';
+    /** Start upload immediately on file select (default: true) */
+    autoUpload?: boolean;
+    /** Max files uploading simultaneously (default: 3) */
+    maxConcurrentFiles?: number;
+    /** Max parts uploading per file (default: 5) */
+    maxConcurrentParts?: number;
+    /** File size threshold for multipart upload in bytes (default: 5MB) */
+    multipartThreshold?: number;
+    /** Part size for multipart upload in bytes (default: 5MB) */
+    partSize?: number;
+    /** Accepted file types (e.g., "image/*,video/*") */
+    accept?: string;
+    /** Max file size in bytes */
+    maxFileSize?: number;
+    /** Max number of files */
+    maxFiles?: number;
+    /** Called when a single file upload completes */
+    onUploadComplete?: (file: UploadedFile) => void;
+    /** Called when a file upload fails */
+    onUploadError?: (file: File, error: Error) => void;
+    /** Called when all uploads complete */
+    onAllUploadsComplete?: (files: UploadedFile[]) => void;
+    /** Called on progress updates */
+    onProgress?: (progress: UploadProgress) => void;
+    /** Called when files are selected (before upload) */
+    onFilesSelected?: (files: File[]) => void;
+    /** API key for authentication */
+    apiKey?: string;
+    /** JWT access token for authentication */
+    accessToken?: string;
+    /** Custom class name */
+    className?: string;
+    /** Show list of selected/uploading files (default: true) */
+    showFileList?: boolean;
+    /** Show upload progress bar (default: true) */
+    showProgress?: boolean;
+    /** Custom label text */
+    label?: string;
+    /** Custom helper text */
+    helperText?: string;
+    /** Disable the uploader */
+    disabled?: boolean;
+}
+interface UploadProgress {
+    /** Total number of files */
+    totalFiles: number;
+    /** Number of completed files */
+    completedFiles: number;
+    /** Currently uploading file name */
+    currentFile?: string;
+    /** Total bytes uploaded across all files */
+    bytesUploaded: number;
+    /** Total bytes to upload */
+    totalBytes: number;
+    /** Overall percentage (0-100) */
+    percentage: number;
+    /** Upload speed in bytes/sec (EMA smoothed) */
+    speed: number;
+    /** Estimated time remaining in seconds */
+    eta: number;
+}
+interface UploadedFile {
+    /** File ID in the database */
+    id: string;
+    /** Original file name */
+    name: string;
+    /** File size in bytes */
+    size: number;
+    /** MIME type */
+    mimeType: string;
+    /** Public URL (if available) */
+    url?: string;
+    /** Storage key/path */
+    storageKey?: string;
+}
+interface FileUploadState {
+    /** Unique identifier for this upload */
+    id: string;
+    /** The file being uploaded */
+    file: File;
+    /** Current status */
+    status: 'pending' | 'uploading' | 'completed' | 'error';
+    /** Upload progress (0-100) */
+    progress: number;
+    /** Error message if failed */
+    error?: string;
+    /** Uploaded file data on success */
+    result?: UploadedFile;
+    /** Bytes uploaded so far */
+    bytesUploaded: number;
+}
+
+declare function FileUploader({ apiUrl, projectId, bucketId, folderId, accessLevel, autoUpload, maxConcurrentFiles, maxConcurrentParts, multipartThreshold, partSize, accept, maxFileSize, maxFiles, onUploadComplete, onUploadError, onAllUploadsComplete, onProgress, onFilesSelected, apiKey, accessToken, className, showFileList, showProgress, label, helperText, disabled, }: FileUploaderProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Client Components
+ * These components run on the client side
+ */
+
+declare const OMNIKIT_CLIENT_VERSION = "0.9.0";
+
+export { BillingContent, type FileUploadState, FileUploader, type FileUploaderProps, ForgotPasswordForm, type ForgotPasswordFormProps, LoginForm, type LoginFormProps, type LoginSuccessData, Modal, type ModalProps, OMNIKIT_CLIENT_VERSION, PaymentMethodManager, type PaymentMethodManagerProps, RegisterForm, type RegisterFormProps, type RegisterSuccessData, ResetPasswordForm, type ResetPasswordFormProps, type Tab, Tabs, type TabsProps, type UploadProgress, type UploadedFile };