@omnikit-js/ui 0.9.45 → 0.9.47

package/dist/index-Bp2ZenHB.d.ts

@@ -0,0 +1,376 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { B as BillingProps } from './types-DAbudCAC.js';
+
+/**
+ * OmniKit API shared types
+ */
+interface QueryOptions {
+    filter?: Record<string, any> | FilterExpression;
+    sort?: string;
+    limit?: number;
+    offset?: number;
+}
+interface FilterExpression {
+    operator?: 'eq' | 'ne' | 'gt' | 'gte' | 'lt' | 'lte' | 'like' | 'in';
+    value: any;
+}
+interface QueryResponse<T = any> {
+    success: boolean;
+    data: T[];
+    total?: number;
+    error?: string;
+}
+interface SingleRecordResponse<T = any> {
+    success: boolean;
+    data: T;
+    error?: string;
+}
+interface MutationResponse {
+    success: boolean;
+    data?: any;
+    error?: string;
+}
+interface OmniKitConfig {
+    baseUrl: string;
+    apiKey?: string;
+    jwt?: string;
+}
+
+interface ColumnDefinition<T = any> {
+    key: string;
+    label?: string;
+    render?: (value: any, row: T) => React.ReactNode;
+    sortable?: boolean;
+    className?: string;
+}
+type Column<T = any> = string | ColumnDefinition<T>;
+interface DataListProps<T = any> {
+    /** Table name to query */
+    table: string;
+    /** OmniKit API base URL (e.g., http://localhost:3000/omnikit) */
+    baseUrl: string;
+    /** API Key for authentication */
+    apiKey?: string;
+    /** JWT token for authentication (alternative to apiKey) */
+    jwt?: string;
+    /** Columns to display */
+    columns: Column<T>[];
+    /** Key field for row identification (defaults to 'id') */
+    keyField?: keyof T;
+    /** Query options (filter, sort, limit, offset) */
+    filter?: QueryOptions['filter'];
+    sort?: string;
+    limit?: number;
+    offset?: number;
+    /** Custom class names */
+    className?: string;
+    headerClassName?: string;
+    rowClassName?: string | ((row: T) => string);
+    cellClassName?: string | ((column: Column<T>, row: T) => string);
+    /** Messages */
+    emptyMessage?: string;
+    errorMessage?: string;
+    /** Loading state (for client-side refetching) */
+    loading?: boolean;
+    /** Custom row click handler (converts to client component behavior) */
+    onRowClick?: (row: T) => void;
+}
+
+declare function DataList<T extends Record<string, any>>({ table, baseUrl, apiKey, jwt, columns, keyField, filter, sort, limit, offset, className, emptyMessage, errorMessage, }: DataListProps<T>): Promise<react_jsx_runtime.JSX.Element>;
+
+declare function Billing(props: BillingProps): Promise<react_jsx_runtime.JSX.Element>;
+
+/**
+ * Shared types for commerce components
+ */
+interface Product {
+    id: string;
+    name: string;
+    slug: string;
+    description?: string;
+    price: number;
+    compareAtPrice?: number;
+    images: string[];
+    sku?: string;
+    category?: string;
+    inStock: boolean;
+    stockQuantity?: number;
+}
+interface ProductVariant {
+    id: string;
+    productId: string;
+    name: string;
+    price: number;
+    sku?: string;
+    attributes: Record<string, string>;
+    inStock: boolean;
+    stockQuantity?: number;
+}
+interface CartItem {
+    id: string;
+    product: Product;
+    variant?: ProductVariant;
+    quantity: number;
+    price: number;
+}
+interface Cart$1 {
+    id: string;
+    userId?: string;
+    items: CartItem[];
+    itemCount: number;
+    subtotal: number;
+    tax: number;
+    shipping: number;
+    discount: number;
+    total: number;
+    currency: string;
+    couponCode?: string;
+    createdAt: string;
+    updatedAt: string;
+}
+interface Address {
+    id?: string;
+    firstName: string;
+    lastName: string;
+    company?: string;
+    address1: string;
+    address2?: string;
+    city: string;
+    state: string;
+    postalCode: string;
+    country: string;
+    phone?: string;
+    isDefault?: boolean;
+}
+interface ShippingMethod {
+    id: string;
+    name: string;
+    description?: string;
+    price: number;
+    estimatedDays: string;
+    carrier?: string;
+}
+interface PaymentMethod {
+    id: string;
+    type: 'card' | 'paypal' | 'bank_transfer' | 'apple_pay' | 'google_pay';
+    last4?: string;
+    brand?: string;
+    expiryMonth?: number;
+    expiryYear?: number;
+    isDefault?: boolean;
+}
+interface Order {
+    id: string;
+    orderNumber: string;
+    userId?: string;
+    email: string;
+    status: 'pending' | 'processing' | 'shipped' | 'delivered' | 'cancelled' | 'refunded';
+    items: CartItem[];
+    subtotal: number;
+    tax: number;
+    shipping: number;
+    discount: number;
+    total: number;
+    currency: string;
+    shippingAddress: Address;
+    billingAddress: Address;
+    shippingMethod: ShippingMethod;
+    paymentMethod: Partial<PaymentMethod>;
+    trackingNumber?: string;
+    trackingUrl?: string;
+    notes?: string;
+    createdAt: string;
+    updatedAt: string;
+}
+interface CheckoutStep {
+    id: string;
+    title: string;
+    description?: string;
+    completed: boolean;
+    active: boolean;
+}
+interface BaseCommerceProps {
+    /** OmniKit API base URL */
+    baseUrl: string;
+    /** API Key for authentication */
+    apiKey?: string;
+    /** JWT token for authentication (alternative to apiKey) */
+    accessToken?: string;
+    /** Project ID */
+    projectId?: number;
+    /** Custom class name */
+    className?: string;
+}
+
+interface CartProps extends BaseCommerceProps {
+    /** User ID to fetch cart for */
+    userId?: string;
+    /** Cart ID to fetch (alternative to userId) */
+    cartId?: string;
+    /** Show item images */
+    showImages?: boolean;
+    /** Show quantity controls (requires client interactivity) */
+    showQuantityControls?: boolean;
+    /** Show remove button (requires client interactivity) */
+    showRemoveButton?: boolean;
+    /** Show continue shopping link */
+    continueShoppingUrl?: string;
+    /** Checkout URL */
+    checkoutUrl?: string;
+    /** Currency symbol */
+    currencySymbol?: string;
+    /** Empty cart message */
+    emptyMessage?: string;
+    /** Empty cart action text */
+    emptyActionText?: string;
+    /** Empty cart action URL */
+    emptyActionUrl?: string;
+}
+
+declare function Cart({ baseUrl: _baseUrl, apiKey: _apiKey, accessToken: _accessToken, projectId: _projectId, userId: _userId, cartId: _cartId, showImages, showQuantityControls, showRemoveButton, continueShoppingUrl, checkoutUrl, currencySymbol, emptyMessage, emptyActionText, emptyActionUrl, className, }: CartProps): Promise<react_jsx_runtime.JSX.Element>;
+
+interface CartSummaryProps extends BaseCommerceProps {
+    /** User ID to fetch cart for */
+    userId?: string;
+    /** Cart ID to fetch (alternative to userId) */
+    cartId?: string;
+    /** Display variant */
+    variant?: 'compact' | 'detailed' | 'mini';
+    /** Show item count badge */
+    showBadge?: boolean;
+    /** Show total price */
+    showTotal?: boolean;
+    /** Cart URL */
+    cartUrl?: string;
+    /** Checkout URL */
+    checkoutUrl?: string;
+    /** Currency symbol */
+    currencySymbol?: string;
+}
+
+declare function CartSummary({ baseUrl: _baseUrl, apiKey: _apiKey, accessToken: _accessToken, projectId: _projectId, userId: _userId, cartId: _cartId, variant, showBadge, showTotal, cartUrl, checkoutUrl, currencySymbol, className, }: CartSummaryProps): Promise<react_jsx_runtime.JSX.Element>;
+
+interface CheckoutProps extends BaseCommerceProps {
+    /** User ID */
+    userId?: string;
+    /** Cart ID */
+    cartId?: string;
+    /** Current step (1-4) */
+    step?: number;
+    /** Show order summary sidebar */
+    showOrderSummary?: boolean;
+    /** Show step indicator */
+    showStepIndicator?: boolean;
+    /** Success redirect URL */
+    successUrl?: string;
+    /** Cancel/back to cart URL */
+    cancelUrl?: string;
+    /** Currency symbol */
+    currencySymbol?: string;
+    /** Available shipping methods (will be fetched if not provided) */
+    shippingMethods?: ShippingMethod[];
+    /** Saved addresses (will be fetched if not provided) */
+    savedAddresses?: Address[];
+    /** Enable guest checkout */
+    allowGuestCheckout?: boolean;
+    /** Require phone number */
+    requirePhone?: boolean;
+    /** Countries to show in address form */
+    countries?: {
+        code: string;
+        name: string;
+    }[];
+}
+
+declare function Checkout({ baseUrl: _baseUrl, apiKey: _apiKey, accessToken: _accessToken, projectId: _projectId, userId: _userId, cartId: _cartId, step, showOrderSummary, showStepIndicator, successUrl: _successUrl, cancelUrl, currencySymbol, shippingMethods, savedAddresses, allowGuestCheckout: _allowGuestCheckout, requirePhone, countries, className, }: CheckoutProps): Promise<react_jsx_runtime.JSX.Element>;
+
+interface OrderConfirmationProps extends BaseCommerceProps {
+    /** Order ID to display */
+    orderId: string;
+    /** Show order items */
+    showItems?: boolean;
+    /** Show shipping address */
+    showShippingAddress?: boolean;
+    /** Show billing address */
+    showBillingAddress?: boolean;
+    /** Show payment method */
+    showPaymentMethod?: boolean;
+    /** Show order timeline/status */
+    showTimeline?: boolean;
+    /** Continue shopping URL */
+    continueShoppingUrl?: string;
+    /** Track order URL */
+    trackOrderUrl?: string;
+    /** Currency symbol */
+    currencySymbol?: string;
+}
+
+declare function OrderConfirmation({ baseUrl: _baseUrl, apiKey: _apiKey, accessToken: _accessToken, projectId: _projectId, orderId, showItems, showShippingAddress, showBillingAddress, showPaymentMethod, showTimeline, continueShoppingUrl, trackOrderUrl, currencySymbol, className, }: OrderConfirmationProps): Promise<react_jsx_runtime.JSX.Element>;
+
+/**
+ * Digital product for payment
+ */
+interface DigitalProduct {
+    id: string;
+    name: string;
+    description?: string;
+    price: number;
+    image?: string;
+    type?: 'subscription' | 'one-time' | 'license';
+    /** For subscriptions */
+    interval?: 'month' | 'year';
+    /** Features or details to display */
+    features?: string[];
+}
+/**
+ * Payment component props
+ *
+ * A simplified single-page checkout for digital products.
+ * Similar to Stripe Checkout - no shipping, just email and payment.
+ */
+interface PaymentProps extends BaseCommerceProps {
+    /** User ID - used to look up billing customer */
+    userId?: string;
+    /** Product ID to load from database */
+    productId?: string;
+    /** Multiple product IDs for bundle purchases */
+    productIds?: string[];
+    /** Override product data (skips API fetch if provided) */
+    product?: DigitalProduct;
+    /** Quantity per product (defaults to 1) */
+    quantity?: number;
+    /** Pre-filled email address */
+    email?: string;
+    /** URL to redirect after successful payment */
+    successUrl?: string;
+    /** URL to redirect if user cancels */
+    cancelUrl?: string;
+    /** Currency symbol (defaults to $) */
+    currencySymbol?: string;
+    /** Show product image */
+    showImage?: boolean;
+    /** Show product features list */
+    showFeatures?: boolean;
+    /** Custom submit button text */
+    submitText?: string;
+    /** Show secure payment badges */
+    showSecurityBadges?: boolean;
+    /** Allow promo/discount codes */
+    allowPromoCode?: boolean;
+    /** Company/seller name for branding */
+    sellerName?: string;
+    /** Company logo URL */
+    sellerLogo?: string;
+    /** Terms of service URL */
+    termsUrl?: string;
+    /** Privacy policy URL */
+    privacyUrl?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+
+declare function Payment({ baseUrl, apiKey, accessToken, projectId, userId, productId, productIds: productIdsProp, product: productProp, quantity, email: _email, successUrl, cancelUrl, currencySymbol, showImage, showFeatures, submitText: _submitText, showSecurityBadges, allowPromoCode, sellerName, sellerLogo, termsUrl, privacyUrl, className, layout, }: PaymentProps & {
+    layout?: 'single-column' | 'two-column';
+}): Promise<react_jsx_runtime.JSX.Element>;
+
+export { type Address as A, Billing as B, type Column as C, DataList as D, type FilterExpression as F, type MutationResponse as M, type OmniKitConfig as O, type Product as P, type QueryOptions as Q, type SingleRecordResponse as S, type QueryResponse as a, type DataListProps as b, type ColumnDefinition as c, Cart as d, type CartProps as e, CartSummary as f, type CartSummaryProps as g, Checkout as h, type CheckoutProps as i, OrderConfirmation as j, type OrderConfirmationProps as k, type ProductVariant as l, type CartItem as m, type Cart$1 as n, type ShippingMethod as o, type PaymentMethod as p, type Order as q, type CheckoutStep as r, type BaseCommerceProps as s, Payment as t, type PaymentProps as u, type DigitalProduct as v };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-import { O as OmniKitConfig, Q as QueryOptions, a as QueryResponse, S as SingleRecordResponse, M as MutationResponse } from './index-DKuejSvz.js';
-export { B as Billing, C as Column, c as ColumnDefinition, D as DataList, b as DataListProps, F as FilterExpression } from './index-DKuejSvz.js';
-export { a as BillingData, B as BillingProps, C as Customer, E as Entitlement, I as Invoice, c as PaymentMethod, b as Price, P as Product, d as ProductFeature, S as Subscription } from './types-CnhWTSXv.js';
+import { O as OmniKitConfig, Q as QueryOptions, a as QueryResponse, S as SingleRecordResponse, M as MutationResponse } from './index-Bp2ZenHB.js';
+export { A as Address, s as BaseCommerceProps, B as Billing, d as Cart, n as CartData, m as CartItem, e as CartProps, f as CartSummary, g as CartSummaryProps, h as Checkout, i as CheckoutProps, r as CheckoutStep, C as Column, c as ColumnDefinition, p as CommercePaymentMethod, P as CommerceProduct, D as DataList, b as DataListProps, v as DigitalProduct, F as FilterExpression, q as Order, j as OrderConfirmation, k as OrderConfirmationProps, t as Payment, u as PaymentProps, l as ProductVariant, o as ShippingMethod } from './index-Bp2ZenHB.js';
+export { a as BillingData, B as BillingProps, C as Customer, E as Entitlement, I as Invoice, c as PaymentMethod, b as Price, P as Product, d as ProductFeature, S as Subscription } from './types-DAbudCAC.js';
 import 'react/jsx-runtime';
 
 /**

package/dist/index.js

@@ -1,4 +1,4 @@
-export { Billing, DataList, OmniKitClient, createOmniKitClient } from './chunk-FNZCGWVE.js';
-import './chunk-3AQCVPQI.js';
+export { Billing, Cart, CartSummary, Checkout, DataList, OmniKitClient, OrderConfirmation, Payment, createOmniKitClient } from './chunk-LIZKLYHH.js';
+import './chunk-SRPYYSJZ.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/{types-CnhWTSXv.d.ts → types-DAbudCAC.d.ts}

@@ -170,13 +170,15 @@ interface FeatureUsage {
     feature_name: string;
     feature_type: string;
     unit?: string;
-    limit: number;
-    current_usage: number;
+    limit?: number;
+    current_usage?: number;
     remaining: number;
     can_use_more: boolean;
-    percentage_used: number;
+    percentage_used?: number;
     count_mode?: string;
     auto_counted?: boolean;
+    /** Display mode: 'usage_based' shows used/limit, 'balance_based' shows remaining balance */
+    display_mode?: 'usage_based' | 'balance_based';
 }
 interface BillingData {
     customer: Customer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omnikit-js/ui",
-  "version": "0.9.45",
+  "version": "0.9.47",
   "type": "module",
   "description": "React component library for OmniKit serverless platform",
   "main": "./dist/index.js",