@wix/headless-bookings 0.0.7 → 0.0.8

package/cjs/dist/react/core/ServiceList.js

@@ -1,199 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useService, WixServices } from '@wix/services-manager-react';
-import { createServicesMap } from '@wix/services-manager';
-import { ServicesListService, ServicesListServiceDefinition, } from '../../services/services-list-service.js';
-/**
- * Root component that provides ServiceList service context to its children.
- * This component sets up the necessary services for managing services list state,
- * including filtering, sorting, and pagination functionality.
- *
- * @order 1
- * @component
- * @example
- * ```tsx
- * import { ServiceList, Service } from '@wix/headless-services/react';
- *
- * function ServiceListPage() {
- *   return (
- *     <ServiceList.Root
- *       servicesListConfig={{
- *         services: myServices,
- *         searchOptions: {
- *           cursorPaging: { limit: 10 },
- *           sort: [{ fieldName: 'name', order: 'ASC' }]
- *         },
- *         pagingMetadata: { count: 10, hasNext: true }
- *       }}
- *     >
- *       <ServiceList.Options>
- *         <ServiceList.ServiceRepeater>
- *           <Service.Name>
- *             {({ name }) => <h3>{name}</h3>}
- *           </Service.Name>
- *           <Service.Price>
- *             {({ price }) => price && <div>{price.value} {price.currency}</div>}
- *           </Service.Price>
- *         </ServiceList.ServiceRepeater>
- *       </ServiceList.Options>
- *     </ServiceList.Root>
- *   );
- * }
- * ```
- */
-export function Root(props) {
-    return (_jsx(WixServices, { servicesMap: createServicesMap().addService(ServicesListServiceDefinition, ServicesListService, props.servicesListConfig), children: props.children }));
-}
-/**
- * Component that renders content when the services list is empty.
- * Only displays its children when there are no services, no loading state, and no errors.
- *
- * @component
- * @example
- * ```tsx
- * import { ServiceList } from '@wix/headless-services/react';
- *
- * function EmptyServicesMessage() {
- *   return (
- *     <ServiceList.EmptyState>
- *       {() => (
- *         <div className="empty-state">
- *           <h3>No services found</h3>
- *           <p>Try adjusting your search or filter criteria</p>
- *           <button>Clear Filters</button>
- *         </div>
- *       )}
- *     </ServiceList.EmptyState>
- *   );
- * }
- * ```
- */
-export function EmptyState(props) {
-    const { isLoading, error, services: servicesList, } = useService(ServicesListServiceDefinition);
-    const isLoadingValue = isLoading.get();
-    const errorValue = error.get();
-    const servicesValue = servicesList.get();
-    if (!isLoadingValue && !errorValue && servicesValue.length === 0) {
-        return typeof props.children === 'function'
-            ? props.children({})
-            : props.children;
-    }
-    return null;
-}
-/**
- * Component that renders content during loading state.
- * Only displays its children when the services list is currently loading.
- *
- * @component
- * @example
- * ```tsx
- * import { ServiceList } from '@wix/headless-services/react';
- *
- * function ServicesLoading() {
- *   return (
- *     <ServiceList.Loading>
- *       {() => (
- *         <div className="loading-spinner">
- *           <div>Loading services...</div>
- *           <div className="spinner"></div>
- *         </div>
- *       )}
- *     </ServiceList.Loading>
- *   );
- * }
- * ```
- */
-export function Loading(props) {
-    const { isLoading } = useService(ServicesListServiceDefinition);
-    const isLoadingValue = isLoading.get();
-    if (isLoadingValue) {
-        return typeof props.children === 'function'
-            ? props.children({})
-            : props.children;
-    }
-    return null;
-}
-/**
- * Component that renders content when there's an error loading services.
- * Only displays its children when an error has occurred.
- *
- * @component
- * @example
- * ```tsx
- * import { ServiceList } from '@wix/headless-services/react';
- *
- * function ServicesError() {
- *   return (
- *     <ServiceList.Error>
- *       {({ error }) => (
- *         <div className="error-state">
- *           <h3>Error loading services</h3>
- *           <p>{error}</p>
- *           <button onClick={() => window.location.reload()}>
- *             Try Again
- *           </button>
- *         </div>
- *       )}
- *     </ServiceList.Error>
- *   );
- * }
- * ```
- */
-export function Error(props) {
-    const { error } = useService(ServicesListServiceDefinition);
-    const errorValue = error.get();
-    if (errorValue) {
-        return typeof props.children === 'function'
-            ? props.children({ error: errorValue })
-            : props.children;
-    }
-    return null;
-}
-/**
- * Component that renders content for each service in the list.
- * Maps over all services and provides each service through a service context.
- * Only renders when services are successfully loaded (not loading, no error, and has services).
- *
- * @component
- * @example
- * ```tsx
- * import { ServiceList, Service } from '@wix/headless-services/react';
- *
- * function ServicesGrid() {
- *   return (
- *     <ServiceList.ItemContent>
- *       {({ service }) => (
- *         <div className="service-card">
- *           <Service.Image>
- *             {({ image, alt }) => <img src={image} alt={alt} />}
- *           </Service.Image>
- *           <Service.Name>
- *             {({ name }) => <h3>{name}</h3>}
- *           </Service.Name>
- *           <Service.Price>
- *             {({ price }) => price && <p>{price.value} {price.currency}</p>}
- *           </Service.Price>
- *           <button>Book Now</button>
- *         </div>
- *       )}
- *     </ServiceList.ItemContent>
- *   );
- * }
- * ```
- */
-export function ItemContent(props) {
-    const { services: servicesList, isLoading, error, } = useService(ServicesListServiceDefinition);
-    const servicesValue = servicesList.get();
-    if (isLoading.get() || error.get() || servicesValue.length === 0) {
-        return null;
-    }
-    return servicesValue.map((service) => (_jsx(WixServices, { servicesMap: createServicesMap(), children: typeof props.children === 'function'
-            ? props.children({ service })
-            : props.children }, service._id)));
-}
-export function Items(props) {
-    const { services: servicesList } = useService(ServicesListServiceDefinition);
-    const servicesValue = servicesList.get();
-    return typeof props.children === 'function'
-        ? props.children({ services: servicesValue })
-        : props.children;
-}

package/cjs/dist/react/test-ids.d.ts

@@ -1,18 +0,0 @@
-export declare enum TestIds {
-    servicesList = "services-list",
-    servicesOptions = "services-options",
-    serviceRepeater = "service-repeater",
-    serviceRoot = "service-root",
-    serviceName = "service-name",
-    serviceDescription = "service-description",
-    servicePrice = "service-price",
-    serviceDuration = "service-duration",
-    serviceImage = "service-image",
-    serviceCategory = "service-category",
-    serviceError = "service-error",
-    serviceLoadMore = "service-load-more",
-    serviceTotalsDisplayed = "service-totals-displayed",
-    serviceSort = "service-sort",
-    serviceFilter = "service-filter",
-    serviceFilterResetTrigger = "service-filter-reset-trigger"
-}

package/cjs/dist/react/test-ids.js

@@ -1,24 +0,0 @@
-export var TestIds;
-(function (TestIds) {
-    // Container Level
-    TestIds["servicesList"] = "services-list";
-    // List Container Level
-    TestIds["servicesOptions"] = "services-options";
-    // Repeater Level
-    TestIds["serviceRepeater"] = "service-repeater";
-    // Entity Root and Components
-    TestIds["serviceRoot"] = "service-root";
-    TestIds["serviceName"] = "service-name";
-    TestIds["serviceDescription"] = "service-description";
-    TestIds["servicePrice"] = "service-price";
-    TestIds["serviceDuration"] = "service-duration";
-    TestIds["serviceImage"] = "service-image";
-    TestIds["serviceCategory"] = "service-category";
-    // Additional Components
-    TestIds["serviceError"] = "service-error";
-    TestIds["serviceLoadMore"] = "service-load-more";
-    TestIds["serviceTotalsDisplayed"] = "service-totals-displayed";
-    TestIds["serviceSort"] = "service-sort";
-    TestIds["serviceFilter"] = "service-filter";
-    TestIds["serviceFilterResetTrigger"] = "service-filter-reset-trigger";
-})(TestIds || (TestIds = {}));

package/cjs/dist/react/types.d.ts

@@ -1,52 +0,0 @@
-import { services } from '@wix/bookings';
-export interface ServiceListConfig {
-    services: services.Service[];
-    searchOptions: {
-        cursorPaging: {
-            limit: number;
-        };
-    };
-    pagingMetadata: {
-        count: number;
-    };
-    aggregations: {
-        results: any[];
-    };
-    customizations: any[];
-}
-export interface ServiceContextValue {
-    service: services.Service;
-}
-export interface ServiceListRenderProps {
-    services: services.Service[];
-}
-export interface ServiceRenderProps {
-    service: services.Service;
-}
-export interface ErrorRenderProps {
-    error: string | null;
-}
-export interface ServiceListState {
-    services: services.Service[];
-    pagingMetadata: {
-        count: number;
-    };
-    filters: Record<string, any>;
-    error: string | null;
-}
-export interface ServiceListServiceValue {
-    services: {
-        get: () => services.Service[];
-    };
-    pagingMetadata: {
-        get: () => {
-            count: number;
-        };
-    };
-    filters: {
-        get: () => Record<string, any>;
-    };
-    error: {
-        get: () => string | null;
-    };
-}

package/cjs/dist/react/types.js

@@ -1 +0,0 @@
-export {};

package/cjs/dist/services/services-list-service.d.ts

@@ -1,184 +0,0 @@
-import { type Signal, type ReadOnlySignal } from '@wix/services-definitions/core-services/signals';
-import { services } from '@wix/bookings';
-export declare const DEFAULT_QUERY_LIMIT = 100;
-/**
- * Configuration interface for the Services List service.
- * Contains the initial services data, search options, and metadata.
- *
- * @interface ServicesListServiceConfig
- */
-export interface ServicesListServiceConfig {
-    /** Array of service objects to initialize the service with */
-    services: services.Service[];
-    /** Search options used to fetch the services */
-    searchOptions?: {
-        cursorPaging?: {
-            limit: number;
-        };
-        filter?: Record<string, any>;
-        sort?: Array<{
-            fieldName: string;
-            order: 'ASC' | 'DESC';
-        }>;
-    };
-    /** Pagination metadata from the search response */
-    pagingMetadata?: {
-        count: number;
-        cursors?: {
-            next?: () => Promise<services.ServicesQueryResult>;
-            prev?: () => Promise<services.ServicesQueryResult>;
-        };
-        hasNext?: boolean;
-    };
-}
-/**
- * Service definition for the Services List service.
- * This defines the reactive API contract for managing a list of services with search, pagination, and filtering capabilities.
- *
- * @constant
- */
-export declare const ServicesListServiceDefinition: string & {
-    __api: {
-        /** Reactive signal containing the list of services */
-        services: Signal<services.Service[]>;
-        /** Reactive signal containing pagination metadata */
-        pagingMetadata: Signal<ServicesListServiceConfig["pagingMetadata"]>;
-        /** Reactive signal indicating if services are currently being loaded */
-        isLoading: Signal<boolean>;
-        /** Reactive signal containing any error message, or null if no error*/
-        error: Signal<string | null>;
-        /** Reactive signal containing the current sort configuration */
-        sort: Signal<{
-            fieldName: string;
-            order: "ASC" | "DESC";
-        }[]>;
-        /** Reactive signal containing the current filter configuration */
-        filters: Signal<Record<string, any>>;
-        /** Function to update sort configuration */
-        setSort: (sort: {
-            fieldName: string;
-            order: "ASC" | "DESC";
-        }[]) => void;
-        /** Function to update filter configuration */
-        setFilter: (filter: Record<string, any>) => void;
-        /** Function to reset filter configuration */
-        resetFilter: () => void;
-        /** Reactive signal indicating if any filters are currently applied */
-        isFiltered: () => ReadOnlySignal<boolean>;
-        /** Function to load more services */
-        loadMore: (count: number) => void;
-        /** Reactive signal indicating if there are more services to load */
-        hasMoreServices: ReadOnlySignal<boolean>;
-    };
-    __config: ServicesListServiceConfig;
-    isServiceDefinition?: boolean;
-} & {
-    /** Reactive signal containing the list of services */
-    services: Signal<services.Service[]>;
-    /** Reactive signal containing pagination metadata */
-    pagingMetadata: Signal<ServicesListServiceConfig["pagingMetadata"]>;
-    /** Reactive signal indicating if services are currently being loaded */
-    isLoading: Signal<boolean>;
-    /** Reactive signal containing any error message, or null if no error*/
-    error: Signal<string | null>;
-    /** Reactive signal containing the current sort configuration */
-    sort: Signal<{
-        fieldName: string;
-        order: "ASC" | "DESC";
-    }[]>;
-    /** Reactive signal containing the current filter configuration */
-    filters: Signal<Record<string, any>>;
-    /** Function to update sort configuration */
-    setSort: (sort: {
-        fieldName: string;
-        order: "ASC" | "DESC";
-    }[]) => void;
-    /** Function to update filter configuration */
-    setFilter: (filter: Record<string, any>) => void;
-    /** Function to reset filter configuration */
-    resetFilter: () => void;
-    /** Reactive signal indicating if any filters are currently applied */
-    isFiltered: () => ReadOnlySignal<boolean>;
-    /** Function to load more services */
-    loadMore: (count: number) => void;
-    /** Reactive signal indicating if there are more services to load */
-    hasMoreServices: ReadOnlySignal<boolean>;
-};
-/**
- * Implementation of the Services List service that manages reactive services data.
- * This service provides signals for services data, search options, pagination,
- * loading state, and error handling.
- */
-export declare const ServicesListService: import("@wix/services-definitions").ServiceFactory<string & {
-    __api: {
-        /** Reactive signal containing the list of services */
-        services: Signal<services.Service[]>;
-        /** Reactive signal containing pagination metadata */
-        pagingMetadata: Signal<ServicesListServiceConfig["pagingMetadata"]>;
-        /** Reactive signal indicating if services are currently being loaded */
-        isLoading: Signal<boolean>;
-        /** Reactive signal containing any error message, or null if no error*/
-        error: Signal<string | null>;
-        /** Reactive signal containing the current sort configuration */
-        sort: Signal<{
-            fieldName: string;
-            order: "ASC" | "DESC";
-        }[]>;
-        /** Reactive signal containing the current filter configuration */
-        filters: Signal<Record<string, any>>;
-        /** Function to update sort configuration */
-        setSort: (sort: {
-            fieldName: string;
-            order: "ASC" | "DESC";
-        }[]) => void;
-        /** Function to update filter configuration */
-        setFilter: (filter: Record<string, any>) => void;
-        /** Function to reset filter configuration */
-        resetFilter: () => void;
-        /** Reactive signal indicating if any filters are currently applied */
-        isFiltered: () => ReadOnlySignal<boolean>;
-        /** Function to load more services */
-        loadMore: (count: number) => void;
-        /** Reactive signal indicating if there are more services to load */
-        hasMoreServices: ReadOnlySignal<boolean>;
-    };
-    __config: ServicesListServiceConfig;
-    isServiceDefinition?: boolean;
-} & {
-    /** Reactive signal containing the list of services */
-    services: Signal<services.Service[]>;
-    /** Reactive signal containing pagination metadata */
-    pagingMetadata: Signal<ServicesListServiceConfig["pagingMetadata"]>;
-    /** Reactive signal indicating if services are currently being loaded */
-    isLoading: Signal<boolean>;
-    /** Reactive signal containing any error message, or null if no error*/
-    error: Signal<string | null>;
-    /** Reactive signal containing the current sort configuration */
-    sort: Signal<{
-        fieldName: string;
-        order: "ASC" | "DESC";
-    }[]>;
-    /** Reactive signal containing the current filter configuration */
-    filters: Signal<Record<string, any>>;
-    /** Function to update sort configuration */
-    setSort: (sort: {
-        fieldName: string;
-        order: "ASC" | "DESC";
-    }[]) => void;
-    /** Function to update filter configuration */
-    setFilter: (filter: Record<string, any>) => void;
-    /** Function to reset filter configuration */
-    resetFilter: () => void;
-    /** Reactive signal indicating if any filters are currently applied */
-    isFiltered: () => ReadOnlySignal<boolean>;
-    /** Function to load more services */
-    loadMore: (count: number) => void;
-    /** Reactive signal indicating if there are more services to load */
-    hasMoreServices: ReadOnlySignal<boolean>;
-}, ServicesListServiceConfig>;
-/**
- * Loads services list service configuration from the Wix Bookings API for SSR initialization.
- * This function is designed to be used during Server-Side Rendering (SSR) to preload
- * a list of services based on search criteria.
- */
-export declare function loadServicesListServiceConfig(searchOptions?: ServicesListServiceConfig['searchOptions']): Promise<ServicesListServiceConfig>;

package/cjs/dist/services/services-list-service.js

@@ -1,168 +0,0 @@
-import { defineService, implementService } from '@wix/services-definitions';
-import { SignalsServiceDefinition, } from '@wix/services-definitions/core-services/signals';
-import { services } from '@wix/bookings';
-export const DEFAULT_QUERY_LIMIT = 100;
-/**
- * Fetches services using the Wix Bookings API.
- * This function handles pagination and returns both services and metadata.
- *
- * @param searchOptions - The search options for querying services
- * @returns Promise that resolves to the search result
- */
-const fetchServices = async (searchOptions = {}) => {
-    try {
-        let query = services.queryServices();
-        // Apply pagination
-        if (searchOptions.cursorPaging?.limit) {
-            query = query.limit(searchOptions.cursorPaging.limit);
-        }
-        // Apply sorting
-        if (searchOptions.sort?.length) {
-            const { order, fieldName } = searchOptions.sort[0];
-            if (order === 'ASC') {
-                query = query.ascending(fieldName);
-            }
-            else {
-                query = query.descending(fieldName);
-            }
-        }
-        const result = await query.find();
-        return result;
-    }
-    catch (error) {
-        console.error('Error fetching services:', error);
-        throw error;
-    }
-};
-/**
- * Service definition for the Services List service.
- * This defines the reactive API contract for managing a list of services with search, pagination, and filtering capabilities.
- *
- * @constant
- */
-export const ServicesListServiceDefinition = defineService('services-list');
-/**
- * Implementation of the Services List service that manages reactive services data.
- * This service provides signals for services data, search options, pagination,
- * loading state, and error handling.
- */
-export const ServicesListService = implementService.withConfig()(ServicesListServiceDefinition, ({ getService, config }) => {
-    let firstRun = true;
-    const signalsService = getService(SignalsServiceDefinition);
-    const servicesSignal = signalsService.signal(config.services);
-    const pagingMetadataSignal = signalsService.signal(config.pagingMetadata || { count: 0 });
-    const isLoadingSignal = signalsService.signal(false);
-    const errorSignal = signalsService.signal(null);
-    const sortSignal = signalsService.signal(config.searchOptions?.sort || []);
-    const filtersSignal = signalsService.signal(config.searchOptions?.filter || {});
-    if (typeof window !== 'undefined') {
-        signalsService.effect(async () => {
-            // Read signals to establish dependencies
-            const sort = sortSignal.get();
-            const filters = filtersSignal.get();
-            if (firstRun) {
-                firstRun = false;
-                return;
-            }
-            try {
-                isLoadingSignal.set(true);
-                const result = await fetchServices({
-                    cursorPaging: { limit: DEFAULT_QUERY_LIMIT },
-                    sort,
-                    filter: filters,
-                });
-                servicesSignal.set(result.items);
-                pagingMetadataSignal.set({
-                    count: result.totalCount || 0,
-                    cursors: {
-                        next: result.next,
-                        prev: result.prev,
-                    },
-                    hasNext: result.hasNext(),
-                });
-            }
-            catch (error) {
-                errorSignal.set(error instanceof Error ? error.message : 'Unknown error');
-            }
-            finally {
-                isLoadingSignal.set(false);
-            }
-        });
-    }
-    firstRun = false;
-    const loadMoreServices = async () => {
-        try {
-            isLoadingSignal.set(true);
-            const result = await pagingMetadataSignal?.peek()?.cursors?.next?.();
-            servicesSignal.set([
-                ...servicesSignal.peek(),
-                ...(result?.items ?? []),
-            ]);
-            pagingMetadataSignal.set({
-                count: result?.totalCount || 0,
-                cursors: {
-                    next: result?.next,
-                    prev: result?.prev,
-                },
-                hasNext: result?.hasNext(),
-            });
-        }
-        catch (error) {
-            errorSignal.set(error instanceof Error ? error.message : 'Unknown error');
-        }
-        finally {
-            isLoadingSignal.set(false);
-        }
-    };
-    return {
-        services: servicesSignal,
-        pagingMetadata: pagingMetadataSignal,
-        isLoading: isLoadingSignal,
-        error: errorSignal,
-        sort: sortSignal,
-        filters: filtersSignal,
-        setSort: (sort) => {
-            sortSignal.set(sort);
-        },
-        setFilter: (filter) => {
-            filtersSignal.set(filter);
-        },
-        resetFilter: () => {
-            filtersSignal.set({});
-        },
-        isFiltered: () => {
-            return signalsService.computed(() => {
-                const filters = filtersSignal.peek();
-                return Object.keys(filters).length > 0;
-            });
-        },
-        loadMore: loadMoreServices,
-        hasMoreServices: signalsService.computed(() => pagingMetadataSignal.get()?.hasNext ?? false),
-    };
-});
-/**
- * Loads services list service configuration from the Wix Bookings API for SSR initialization.
- * This function is designed to be used during Server-Side Rendering (SSR) to preload
- * a list of services based on search criteria.
- */
-export async function loadServicesListServiceConfig(searchOptions) {
-    try {
-        const result = await fetchServices(searchOptions);
-        return {
-            services: result.items ?? [],
-            searchOptions,
-            pagingMetadata: {
-                count: result.totalCount ?? 0,
-                cursors: {
-                    next: result.next,
-                    prev: result.prev,
-                },
-                hasNext: result.hasNext(),
-            },
-        };
-    }
-    catch (error) {
-        console.error('Error loading services configuration:', error);
-        throw error;
-    }
-}