@resira/ui 0.3.1 → 0.4.0

package/dist/index.d.cts

@@ -234,6 +234,28 @@ interface ResiraClassNames {
     /** Price preview panel. */
     pricePreview?: string;
 }
+/** Pre-filled selection data for deeplink integration. */
+interface DeeplinkSelection {
+    /** Pre-selected product/service ID. */
+    productId?: string;
+    /** Pre-selected date (YYYY-MM-DD). */
+    date?: string;
+    /** Pre-selected party size. */
+    partySize?: number;
+    /** Pre-selected duration in minutes. */
+    duration?: number;
+}
+/** Pre-filled guest data for deeplink integration. */
+interface DeeplinkGuest {
+    /** Guest name. */
+    name?: string;
+    /** Guest email. */
+    email?: string;
+    /** Guest phone. */
+    phone?: string;
+    /** Notes. */
+    notes?: string;
+}
 /** Configuration passed to ResiraProvider. */
 interface ResiraProviderConfig {
     /** Theme overrides. */
@@ -270,6 +292,23 @@ interface ResiraProviderConfig {
     showRemainingSpots?: boolean;
     /** Percentage of total to charge upfront (0-100). Default 100. */
     depositPercent?: number;
+    /** Whether to show the step indicator bar. @default true */
+    showStepIndicator?: boolean;
+    /** Pre-fill booking data for deeplink integration. */
+    deeplink?: DeeplinkSelection;
+    /** Pre-fill guest information. */
+    deeplinkGuest?: DeeplinkGuest;
+    /** Called when the booking step changes. */
+    onStepChange?: (step: BookingStep) => void;
+    /** Called when a booking is successfully completed. */
+    onBookingComplete?: (data: {
+        reservationId?: string;
+        product?: Product;
+        selection: BookingSelection;
+        guest: GuestFormValues;
+    }) => void;
+    /** Called when an error occurs during the booking flow. */
+    onError?: (code: string, message: string) => void;
 }
 /** Props for the ResiraProvider component. */
 interface ResiraProviderProps {
@@ -336,6 +375,23 @@ interface ResiraContextValue {
     groupServicesByCategory: boolean;
     /** Custom render function for service cards. */
     renderServiceCard?: (product: Product, selected: boolean) => React.ReactNode;
+    /** Whether the step indicator bar is visible. */
+    showStepIndicator: boolean;
+    /** Pre-fill booking data for deeplink integration. */
+    deeplink?: DeeplinkSelection;
+    /** Pre-fill guest information. */
+    deeplinkGuest?: DeeplinkGuest;
+    /** Called when the booking step changes. */
+    onStepChange?: (step: BookingStep) => void;
+    /** Called when a booking is successfully completed. */
+    onBookingComplete?: (data: {
+        reservationId?: string;
+        product?: Product;
+        selection: BookingSelection;
+        guest: GuestFormValues;
+    }) => void;
+    /** Called when an error occurs during the booking flow. */
+    onError?: (code: string, message: string) => void;
 }
 /** Steps in the booking flow. */
 type BookingStep = "resource" | "availability" | "details" | "terms" | "payment" | "confirmation";
@@ -465,14 +521,13 @@ interface ProductSelectorProps {
     onSelect: (product: Product) => void;
     loading?: boolean;
     error?: string | null;
-    /** Override layout from provider. */
     layout?: ServiceLayout;
-    /** Override visible count from provider. */
     visibleCount?: number;
-    /** Override category grouping from provider. @default true */
     groupByCategory?: boolean;
+    /** Pre-select a specific category to show (skip category tiles). */
+    initialCategory?: string;
 }
-declare function ProductSelector({ products, resources, selectedId, onSelect, loading, error, layout: layoutProp, visibleCount: visibleCountProp, groupByCategory: groupByCategoryProp, }: ProductSelectorProps): react_jsx_runtime.JSX.Element;
+declare function ProductSelector({ products, resources, selectedId, onSelect, loading, error, layout: layoutProp, visibleCount: visibleCountProp, groupByCategory: groupByCategoryProp, initialCategory, }: ProductSelectorProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Validate the guest form. Returns an errors object (empty = valid).
@@ -703,7 +758,7 @@ interface UseDishesReturn {
  * const { dishes, loading, error } = useDishes();
  * ```
  */
-declare function useDishes(): UseDishesReturn;
+declare function useDishes(enabled?: boolean): UseDishesReturn;
 
 /** Default theme values. */
 declare const DEFAULT_THEME: Required<ResiraTheme>;
@@ -743,4 +798,4 @@ declare function TagIcon({ size, className }: IconProps): react_jsx_runtime.JSX.
 declare function CubeIcon({ size, className }: IconProps): react_jsx_runtime.JSX.Element;
 declare function ViewfinderIcon({ size, className }: IconProps): react_jsx_runtime.JSX.Element;
 
-export { AlertCircleIcon, BookingCalendar, BookingModal, type BookingSelection, type BookingStep, CalendarIcon, CheckCircleIcon, CheckIcon, ChevronLeftIcon, ChevronRightIcon, ClockIcon, ConfirmationView, CreditCardIcon, CubeIcon, DEFAULT_LOCALE, DEFAULT_THEME, DishShowcase, type DishShowcaseProps, type DomainConfig, GuestForm, type GuestFormErrors, type GuestFormValues, LockIcon, MailIcon, MinusIcon, NoteIcon, PaymentForm, PhoneIcon, PlusIcon, ProductSelector, ResiraBookingWidget, type ResiraClassNames, type ResiraContextValue, type ResiraDomain, type ResiraLocale, ResiraProvider, type ResiraProviderConfig, type ResiraProviderProps, type ResiraTheme, ResourcePicker, type ServiceLayout, ShieldIcon, SummaryPreview, TagIcon, TimeSlotPicker, UserIcon, UsersIcon, ViewfinderIcon, WaiverConsent, XIcon, resolveTheme, themeToCSS, useAvailability, useDish, useDishes, usePaymentIntent, useProducts, useReservation, useResira, useResources, validateGuestForm };
+export { AlertCircleIcon, BookingCalendar, BookingModal, type BookingSelection, type BookingStep, CalendarIcon, CheckCircleIcon, CheckIcon, ChevronLeftIcon, ChevronRightIcon, ClockIcon, ConfirmationView, CreditCardIcon, CubeIcon, DEFAULT_LOCALE, DEFAULT_THEME, type DeeplinkGuest, type DeeplinkSelection, DishShowcase, type DishShowcaseProps, type DomainConfig, GuestForm, type GuestFormErrors, type GuestFormValues, LockIcon, MailIcon, MinusIcon, NoteIcon, PaymentForm, PhoneIcon, PlusIcon, ProductSelector, ResiraBookingWidget, type ResiraClassNames, type ResiraContextValue, type ResiraDomain, type ResiraLocale, ResiraProvider, type ResiraProviderConfig, type ResiraProviderProps, type ResiraTheme, ResourcePicker, type ServiceLayout, ShieldIcon, SummaryPreview, TagIcon, TimeSlotPicker, UserIcon, UsersIcon, ViewfinderIcon, WaiverConsent, XIcon, resolveTheme, themeToCSS, useAvailability, useDish, useDishes, usePaymentIntent, useProducts, useReservation, useResira, useResources, validateGuestForm };

package/dist/index.d.ts

@@ -234,6 +234,28 @@ interface ResiraClassNames {
     /** Price preview panel. */
     pricePreview?: string;
 }
+/** Pre-filled selection data for deeplink integration. */
+interface DeeplinkSelection {
+    /** Pre-selected product/service ID. */
+    productId?: string;
+    /** Pre-selected date (YYYY-MM-DD). */
+    date?: string;
+    /** Pre-selected party size. */
+    partySize?: number;
+    /** Pre-selected duration in minutes. */
+    duration?: number;
+}
+/** Pre-filled guest data for deeplink integration. */
+interface DeeplinkGuest {
+    /** Guest name. */
+    name?: string;
+    /** Guest email. */
+    email?: string;
+    /** Guest phone. */
+    phone?: string;
+    /** Notes. */
+    notes?: string;
+}
 /** Configuration passed to ResiraProvider. */
 interface ResiraProviderConfig {
     /** Theme overrides. */
@@ -270,6 +292,23 @@ interface ResiraProviderConfig {
     showRemainingSpots?: boolean;
     /** Percentage of total to charge upfront (0-100). Default 100. */
     depositPercent?: number;
+    /** Whether to show the step indicator bar. @default true */
+    showStepIndicator?: boolean;
+    /** Pre-fill booking data for deeplink integration. */
+    deeplink?: DeeplinkSelection;
+    /** Pre-fill guest information. */
+    deeplinkGuest?: DeeplinkGuest;
+    /** Called when the booking step changes. */
+    onStepChange?: (step: BookingStep) => void;
+    /** Called when a booking is successfully completed. */
+    onBookingComplete?: (data: {
+        reservationId?: string;
+        product?: Product;
+        selection: BookingSelection;
+        guest: GuestFormValues;
+    }) => void;
+    /** Called when an error occurs during the booking flow. */
+    onError?: (code: string, message: string) => void;
 }
 /** Props for the ResiraProvider component. */
 interface ResiraProviderProps {
@@ -336,6 +375,23 @@ interface ResiraContextValue {
     groupServicesByCategory: boolean;
     /** Custom render function for service cards. */
     renderServiceCard?: (product: Product, selected: boolean) => React.ReactNode;
+    /** Whether the step indicator bar is visible. */
+    showStepIndicator: boolean;
+    /** Pre-fill booking data for deeplink integration. */
+    deeplink?: DeeplinkSelection;
+    /** Pre-fill guest information. */
+    deeplinkGuest?: DeeplinkGuest;
+    /** Called when the booking step changes. */
+    onStepChange?: (step: BookingStep) => void;
+    /** Called when a booking is successfully completed. */
+    onBookingComplete?: (data: {
+        reservationId?: string;
+        product?: Product;
+        selection: BookingSelection;
+        guest: GuestFormValues;
+    }) => void;
+    /** Called when an error occurs during the booking flow. */
+    onError?: (code: string, message: string) => void;
 }
 /** Steps in the booking flow. */
 type BookingStep = "resource" | "availability" | "details" | "terms" | "payment" | "confirmation";
@@ -465,14 +521,13 @@ interface ProductSelectorProps {
     onSelect: (product: Product) => void;
     loading?: boolean;
     error?: string | null;
-    /** Override layout from provider. */
     layout?: ServiceLayout;
-    /** Override visible count from provider. */
     visibleCount?: number;
-    /** Override category grouping from provider. @default true */
     groupByCategory?: boolean;
+    /** Pre-select a specific category to show (skip category tiles). */
+    initialCategory?: string;
 }
-declare function ProductSelector({ products, resources, selectedId, onSelect, loading, error, layout: layoutProp, visibleCount: visibleCountProp, groupByCategory: groupByCategoryProp, }: ProductSelectorProps): react_jsx_runtime.JSX.Element;
+declare function ProductSelector({ products, resources, selectedId, onSelect, loading, error, layout: layoutProp, visibleCount: visibleCountProp, groupByCategory: groupByCategoryProp, initialCategory, }: ProductSelectorProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Validate the guest form. Returns an errors object (empty = valid).
@@ -703,7 +758,7 @@ interface UseDishesReturn {
  * const { dishes, loading, error } = useDishes();
  * ```
  */
-declare function useDishes(): UseDishesReturn;
+declare function useDishes(enabled?: boolean): UseDishesReturn;
 
 /** Default theme values. */
 declare const DEFAULT_THEME: Required<ResiraTheme>;
@@ -743,4 +798,4 @@ declare function TagIcon({ size, className }: IconProps): react_jsx_runtime.JSX.
 declare function CubeIcon({ size, className }: IconProps): react_jsx_runtime.JSX.Element;
 declare function ViewfinderIcon({ size, className }: IconProps): react_jsx_runtime.JSX.Element;
 
-export { AlertCircleIcon, BookingCalendar, BookingModal, type BookingSelection, type BookingStep, CalendarIcon, CheckCircleIcon, CheckIcon, ChevronLeftIcon, ChevronRightIcon, ClockIcon, ConfirmationView, CreditCardIcon, CubeIcon, DEFAULT_LOCALE, DEFAULT_THEME, DishShowcase, type DishShowcaseProps, type DomainConfig, GuestForm, type GuestFormErrors, type GuestFormValues, LockIcon, MailIcon, MinusIcon, NoteIcon, PaymentForm, PhoneIcon, PlusIcon, ProductSelector, ResiraBookingWidget, type ResiraClassNames, type ResiraContextValue, type ResiraDomain, type ResiraLocale, ResiraProvider, type ResiraProviderConfig, type ResiraProviderProps, type ResiraTheme, ResourcePicker, type ServiceLayout, ShieldIcon, SummaryPreview, TagIcon, TimeSlotPicker, UserIcon, UsersIcon, ViewfinderIcon, WaiverConsent, XIcon, resolveTheme, themeToCSS, useAvailability, useDish, useDishes, usePaymentIntent, useProducts, useReservation, useResira, useResources, validateGuestForm };
+export { AlertCircleIcon, BookingCalendar, BookingModal, type BookingSelection, type BookingStep, CalendarIcon, CheckCircleIcon, CheckIcon, ChevronLeftIcon, ChevronRightIcon, ClockIcon, ConfirmationView, CreditCardIcon, CubeIcon, DEFAULT_LOCALE, DEFAULT_THEME, type DeeplinkGuest, type DeeplinkSelection, DishShowcase, type DishShowcaseProps, type DomainConfig, GuestForm, type GuestFormErrors, type GuestFormValues, LockIcon, MailIcon, MinusIcon, NoteIcon, PaymentForm, PhoneIcon, PlusIcon, ProductSelector, ResiraBookingWidget, type ResiraClassNames, type ResiraContextValue, type ResiraDomain, type ResiraLocale, ResiraProvider, type ResiraProviderConfig, type ResiraProviderProps, type ResiraTheme, ResourcePicker, type ServiceLayout, ShieldIcon, SummaryPreview, TagIcon, TimeSlotPicker, UserIcon, UsersIcon, ViewfinderIcon, WaiverConsent, XIcon, resolveTheme, themeToCSS, useAvailability, useDish, useDishes, usePaymentIntent, useProducts, useReservation, useResira, useResources, validateGuestForm };