@idkwebsites/components 0.1.7 → 0.1.8

package/dist/index.d.ts

@@ -51,6 +51,7 @@ interface StaffMember {
     email: string;
     aliasEmail?: string;
     phone?: string;
+    bio?: string;
     role?: 'owner' | 'manager' | 'staff';
     timeZone?: string;
     isActive?: boolean;
@@ -61,6 +62,7 @@ interface Service {
     id: string;
     name: string;
     description?: string;
+    image?: MediaRef | null;
     duration: number;
     price?: number;
     category?: string;
@@ -147,13 +149,38 @@ interface ServicesResponse {
     services: Service[];
     total: number;
 }
-declare function useServices(): _tanstack_react_query.UseQueryResult<ServicesResponse, Error>;
+interface ServicesQueryParams {
+    category?: string | string[];
+    staffId?: string;
+    isActive?: boolean;
+    minPrice?: number;
+    maxPrice?: number;
+    search?: string;
+    ids?: string[];
+    limit?: number;
+    sort?: 'name' | 'price' | 'duration' | 'sortOrder';
+    order?: 'asc' | 'desc';
+    enabled?: boolean;
+}
+declare function useServices(params?: ServicesQueryParams): _tanstack_react_query.UseQueryResult<ServicesResponse, Error>;
 
 interface TeamResponse {
     team: StaffMember[];
     total: number;
 }
-declare function useTeam(): _tanstack_react_query.UseQueryResult<TeamResponse, Error>;
+interface TeamQueryParams {
+    role?: string | string[];
+    isActive?: boolean;
+    acceptsNewBookings?: boolean;
+    search?: string;
+    ids?: string[];
+    serviceId?: string;
+    limit?: number;
+    sort?: 'name' | 'role' | 'createdAt';
+    order?: 'asc' | 'desc';
+    enabled?: boolean;
+}
+declare function useTeam(params?: TeamQueryParams): _tanstack_react_query.UseQueryResult<TeamResponse, Error>;
 
 interface AvailabilityParams {
     serviceId: string;
@@ -180,34 +207,54 @@ interface ServicesListProps {
     className?: string;
     showDescription?: boolean;
     showPrice?: boolean;
+    showImage?: boolean;
+    query?: ServicesQueryParams;
+    filter?: (service: Service) => boolean;
+    sort?: (a: Service, b: Service) => number;
+    limit?: number;
+    emptyMessage?: string;
+    loadingMessage?: string;
     onSelect?: (service: Service) => void;
 }
-declare function ServicesList({ layout, columns, className, showDescription, showPrice, onSelect, }: ServicesListProps): react_jsx_runtime.JSX.Element;
+declare function ServicesList({ layout, columns, className, showDescription, showPrice, showImage, query, filter, sort, limit, emptyMessage, loadingMessage, onSelect, }: ServicesListProps): react_jsx_runtime.JSX.Element;
 
 interface ServiceCardProps {
     service: Service;
     className?: string;
     showDescription?: boolean;
     showPrice?: boolean;
+    showImage?: boolean;
     onSelect?: (service: Service) => void;
 }
-declare function ServiceCard({ service, className, showDescription, showPrice, onSelect, }: ServiceCardProps): react_jsx_runtime.JSX.Element;
+declare function ServiceCard({ service, className, showDescription, showPrice, showImage, onSelect, }: ServiceCardProps): react_jsx_runtime.JSX.Element;
 
 interface TeamGridProps {
     columns?: number;
     className?: string;
     showRole?: boolean;
     showEmail?: boolean;
+    showBio?: boolean;
+    layout?: "card" | "profile";
+    imagePosition?: "left" | "right";
+    query?: TeamQueryParams;
+    filter?: (member: StaffMember) => boolean;
+    sort?: (a: StaffMember, b: StaffMember) => number;
+    limit?: number;
+    emptyMessage?: string;
+    loadingMessage?: string;
 }
-declare function TeamGrid({ columns, className, showRole, showEmail, }: TeamGridProps): react_jsx_runtime.JSX.Element;
+declare function TeamGrid({ columns, className, showRole, showEmail, showBio, layout, imagePosition, query, filter, sort, limit, emptyMessage, loadingMessage, }: TeamGridProps): react_jsx_runtime.JSX.Element;
 
 interface TeamMemberProps {
     member: StaffMember;
     className?: string;
     showRole?: boolean;
     showEmail?: boolean;
+    showBio?: boolean;
+    layout?: "card" | "profile";
+    imagePosition?: "left" | "right";
 }
-declare function TeamMember({ member, className, showRole, showEmail, }: TeamMemberProps): react_jsx_runtime.JSX.Element;
+declare function TeamMember({ member, className, showRole, showEmail, showBio, layout, imagePosition, }: TeamMemberProps): react_jsx_runtime.JSX.Element;
 
 type ContactField = 'name' | 'email' | 'phone' | 'subject' | 'message';
 interface ContactFormProps {
@@ -224,8 +271,31 @@ interface BookingWidgetProps {
     className?: string;
     showStaffSelection?: boolean;
     onSuccess?: (booking: unknown) => void;
+    services?: Service[];
+    servicesQuery?: ServicesQueryParams;
+    teamQuery?: TeamQueryParams;
+    serviceFilter?: (service: Service) => boolean;
+    teamFilter?: (member: StaffMember) => boolean;
+    title?: string;
+    subtitle?: string;
+    autoAdvanceOnSelect?: boolean;
+    scrollToStep?: boolean;
+    scrollOffset?: number;
+    enableServiceSearch?: boolean;
+    serviceSearchPlaceholder?: string;
+    enableCategoryFilter?: boolean;
+    categoryLabel?: string;
+    serviceListMaxHeight?: number | string;
+    serviceLayout?: "list" | "grid";
+    serviceColumns?: number;
+    servicePageSize?: number;
+    showServicePagination?: boolean;
+    staffLayout?: "list" | "grid";
+    staffColumns?: number;
+    showAnyStaffOption?: boolean;
+    timeLayout?: "stack" | "split";
 }
-declare function BookingWidget({ className, showStaffSelection, onSuccess, }: BookingWidgetProps): react_jsx_runtime.JSX.Element;
+declare function BookingWidget({ className, showStaffSelection, onSuccess, services, servicesQuery, teamQuery, serviceFilter, teamFilter, title, subtitle, autoAdvanceOnSelect, scrollToStep, scrollOffset, enableServiceSearch, serviceSearchPlaceholder, enableCategoryFilter, categoryLabel, serviceListMaxHeight, serviceLayout, serviceColumns, servicePageSize, showServicePagination, staffLayout, staffColumns, showAnyStaffOption, timeLayout, }: BookingWidgetProps): react_jsx_runtime.JSX.Element;
 
 interface AvailabilityPickerProps {
     serviceId: string;
@@ -273,4 +343,4 @@ interface TimePickerProps {
 }
 declare function TimePicker({ slots, selectedTime, onSelect, className, }: TimePickerProps): react_jsx_runtime.JSX.Element;
 
-export { AvailabilityPicker, type AvailabilityResult, type BookingCancelInput, type BookingCreateInput, type BookingLookup, BookingWidget, ContactForm, type ContactSubmissionInput, DatePicker, PlatformProvider, type Service, ServiceCard, ServicePicker, ServicesList, type StaffMember, StaffPicker, TeamGrid, TeamMember, type TenantInfo, TimePicker, useAvailability, useBookingLookup, useCancelBooking, useCreateBooking, useServices, useTeam, useTenant };
+export { AvailabilityPicker, type AvailabilityResult, type BookingCancelInput, type BookingCreateInput, type BookingLookup, BookingWidget, ContactForm, type ContactSubmissionInput, DatePicker, PlatformProvider, type Service, ServiceCard, ServicePicker, ServicesList, type ServicesQueryParams, type StaffMember, StaffPicker, TeamGrid, TeamMember, type TeamQueryParams, type TenantInfo, TimePicker, useAvailability, useBookingLookup, useCancelBooking, useCreateBooking, useServices, useTeam, useTenant };