@wix/headless-restaurants-olo 0.0.2 → 0.0.5

package/dist/react/OLO.d.ts

@@ -0,0 +1,179 @@
+import React from 'react';
+import { ItemServiceConfig } from '../services/item-details-service.js';
+interface OLORootProps {
+    /** The ID of the item to load */
+    itemId?: string;
+    /** Pre-loaded item service config (optional) */
+    itemServiceConfig?: any;
+    /** Pre-loaded OLO settings service config (optional) */
+    oloSettingsServiceConfig?: any;
+    /** Children render prop that receives the service state */
+    children: React.ReactNode;
+}
+/**
+ * Root headless component for OLO service management
+ * Wraps CoreOLO.Root and provides service state to children
+ *
+ * @example
+ * ```tsx
+ * <OLO.Root itemId="item-123">
+ *   {({ isLoading, hasServices, error, retry }) => (
+ *     isLoading ? (
+ *       <LoadingSpinner />
+ *     ) : error ? (
+ *       <ErrorMessage error={error} onRetry={retry} />
+ *     ) : hasServices ? (
+ *       <ItemDetailsComponents />
+ *     ) : null
+ *   )}
+ * </OLO.Root>
+ * ```
+ */
+export declare const Root: React.FC<OLORootProps>;
+interface OLOProviderProps {
+    /** The ID of the item to load */
+    itemId?: string;
+    /** Pre-loaded configurations (optional) */
+    configs?: {
+        itemServiceConfig?: ItemServiceConfig;
+    };
+    /** Loading component to show while services are initializing */
+    loading?: React.ReactNode;
+    /** Error component to show if service initialization fails */
+    error?: (props: {
+        error: string;
+        retry: () => void;
+    }) => React.ReactNode;
+    /** Children that will receive the services context */
+    children: React.ReactNode;
+}
+/**
+ * Convenience provider that handles loading and error states automatically
+ *
+ * @example
+ * ```tsx
+ * <OLO.Provider
+ *   itemId="item-123"
+ *   loading={<Spinner />}
+ *   error={({ error, retry }) => <ErrorBanner message={error} onRetry={retry} />}
+ * >
+ *   <ItemDetailsComponents />
+ * </OLO.Provider>
+ * ```
+ */
+export declare const Provider: React.FC<OLOProviderProps>;
+interface OLOItemDetailsProps {
+    /** The ID of the item to load */
+    itemId: string;
+    /** Pre-loaded configurations (optional) */
+    configs?: {
+        itemServiceConfig?: ItemServiceConfig;
+        cartServiceConfig?: any;
+    };
+    /** Custom loading component */
+    loading?: React.ReactNode;
+    /** Custom error component */
+    error?: (props: {
+        error: string;
+        retry: () => void;
+    }) => React.ReactNode;
+    /** Custom not found component */
+    notFound?: React.ReactNode;
+    /** Children that will have access to item services */
+    children: React.ReactNode;
+}
+/**
+ * Specialized headless component for item details
+ * Includes item-specific error handling (like 404 not found)
+ *
+ * @example
+ * ```tsx
+ * <OLO.ItemDetails
+ *   itemId="item-123"
+ *   notFound={<NotFoundPage />}
+ * >
+ *   <ItemDetailsUI />
+ * </OLO.ItemDetails>
+ * ```
+ */
+export declare const ItemDetails: React.FC<OLOItemDetailsProps>;
+interface OLOCartProps {
+    /** Pre-loaded cart service config (optional) */
+    cartServiceConfig?: any;
+    /** Loading component */
+    loading?: React.ReactNode;
+    /** Error component */
+    error?: (props: {
+        error: string;
+        retry: () => void;
+    }) => React.ReactNode;
+    /** Children that will have access to cart services */
+    children: React.ReactNode;
+}
+/**
+ * Headless component for cart-only functionality
+ * Doesn't load item services, only cart services
+ *
+ * @example
+ * ```tsx
+ * <OLO.Cart>
+ *   <CartComponents />
+ * </OLO.Cart>
+ * ```
+ */
+export declare const Cart: React.FC<OLOCartProps>;
+interface OLOServicesStatusProps {
+    /** The ID of the item to check */
+    itemId?: string;
+    /** Children render prop that receives service status */
+    children: React.ReactNode;
+}
+/**
+ * Headless component for checking service status
+ * Useful for debugging or conditional rendering
+ *
+ * @example
+ * ```tsx
+ * <OLO.ServicesStatus itemId="item-123">
+ *   {({ hasItemService, hasCartService, error }) => (
+ *     <div>
+ *       Item Service: {hasItemService ? '✅' : '❌'}
+ *       Cart Service: {hasCartService ? '✅' : '❌'}
+ *       {error && <div>Error: {error}</div>}
+ *     </div>
+ *   )}
+ * </OLO.ServicesStatus>
+ * ```
+ */
+export declare const ServicesStatus: React.FC<OLOServicesStatusProps>;
+/**
+ * Headless component for Menus service management.
+ * Wraps CoreOLO.Menus and provides render props for UI.
+ *
+ * @example
+ * ```tsx
+ * <OLO.Menus>
+ *   {({ menus, isLoading, error }) => (
+ *     isLoading ? (
+ *       <div>Loading...</div>
+ *     ) : error ? (
+ *       <div className="text-destructive">{error}</div>
+ *     ) : (
+ *       <ul>
+ *         {menus.map(menu => (
+ *           <li key={menu.id} className="text-foreground font-paragraph">{menu.name}</li>
+ *         ))}
+ *       </ul>
+ *     )
+ *   )}
+ * </OLO.Menus>
+ * ```
+ */
+interface OLOMenusProps {
+    /** Optional menu service config */
+    menuServiceConfig?: any;
+    /** Children render prop that receives menus state */
+    children?: React.ReactNode;
+}
+export declare const Menus: React.FC<OLOMenusProps>;
+export {};

package/dist/react/OLO.js

@@ -0,0 +1,134 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { CoreOLO } from './core/index.js';
+/**
+ * Root headless component for OLO service management
+ * Wraps CoreOLO.Root and provides service state to children
+ *
+ * @example
+ * ```tsx
+ * <OLO.Root itemId="item-123">
+ *   {({ isLoading, hasServices, error, retry }) => (
+ *     isLoading ? (
+ *       <LoadingSpinner />
+ *     ) : error ? (
+ *       <ErrorMessage error={error} onRetry={retry} />
+ *     ) : hasServices ? (
+ *       <ItemDetailsComponents />
+ *     ) : null
+ *   )}
+ * </OLO.Root>
+ * ```
+ */
+export const Root = ({ itemId, oloSettingsServiceConfig, children, }) => {
+    const [retryKey] = React.useState(0);
+    // const retry = React.useCallback(() => {
+    //   setRetryKey(prev => prev + 1);
+    // }, []);
+    return (_jsx(CoreOLO.Root, { itemId: itemId, oloSettingsServiceConfig: oloSettingsServiceConfig, children: children }, retryKey));
+};
+/**
+ * Convenience provider that handles loading and error states automatically
+ *
+ * @example
+ * ```tsx
+ * <OLO.Provider
+ *   itemId="item-123"
+ *   loading={<Spinner />}
+ *   error={({ error, retry }) => <ErrorBanner message={error} onRetry={retry} />}
+ * >
+ *   <ItemDetailsComponents />
+ * </OLO.Provider>
+ * ```
+ */
+export const Provider = ({ itemId, configs, 
+// loading = (
+//   <div className="flex items-center justify-center p-8">
+//     <div className="text-secondary-foreground">Loading services...</div>
+//   </div>
+// ),
+// error: errorComponent = ({ error, retry }) => (
+//   <div className="flex flex-col items-center justify-center p-8 space-y-4">
+//     <div className="text-destructive">Error: {error}</div>
+//     <button
+//       onClick={retry}
+//       className="px-4 py-2 bg-primary text-primary-foreground rounded hover:bg-primary/90"
+//     >
+//       Retry
+//     </button>
+//   </div>
+// ),
+children, }) => {
+    return (_jsx(Root, { itemId: itemId, itemServiceConfig: configs?.itemServiceConfig, children: children }));
+};
+/**
+ * Specialized headless component for item details
+ * Includes item-specific error handling (like 404 not found)
+ *
+ * @example
+ * ```tsx
+ * <OLO.ItemDetails
+ *   itemId="item-123"
+ *   notFound={<NotFoundPage />}
+ * >
+ *   <ItemDetailsUI />
+ * </OLO.ItemDetails>
+ * ```
+ */
+export const ItemDetails = ({ itemId, configs, loading, error, notFound = (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx("div", { className: "text-secondary-foreground", children: "Item not found" }) })), children, }) => {
+    return (_jsx(Provider, { itemId: itemId, configs: configs, loading: loading, error: ({ error: errorMessage, retry }) => {
+            // Handle item not found specifically
+            if (errorMessage === 'Item not found') {
+                return _jsx(_Fragment, { children: notFound });
+            }
+            // Use custom error component if provided
+            if (error) {
+                return _jsx(_Fragment, { children: error({ error: errorMessage, retry }) });
+            }
+            // Default error handling
+            return (_jsxs("div", { className: "flex flex-col items-center justify-center p-8 space-y-4", children: [_jsxs("div", { className: "text-destructive", children: ["Error: ", errorMessage] }), _jsx("button", { onClick: retry, className: "px-4 py-2 bg-primary text-primary-foreground rounded hover:bg-primary/90", children: "Retry" })] }));
+        }, children: children }));
+};
+/**
+ * Headless component for cart-only functionality
+ * Doesn't load item services, only cart services
+ *
+ * @example
+ * ```tsx
+ * <OLO.Cart>
+ *   <CartComponents />
+ * </OLO.Cart>
+ * ```
+ */
+export const Cart = ({ loading, error, children }) => {
+    return (_jsx(Provider, { loading: loading, error: error, children: children }));
+};
+/**
+ * Headless component for checking service status
+ * Useful for debugging or conditional rendering
+ *
+ * @example
+ * ```tsx
+ * <OLO.ServicesStatus itemId="item-123">
+ *   {({ hasItemService, hasCartService, error }) => (
+ *     <div>
+ *       Item Service: {hasItemService ? '✅' : '❌'}
+ *       Cart Service: {hasCartService ? '✅' : '❌'}
+ *       {error && <div>Error: {error}</div>}
+ *     </div>
+ *   )}
+ * </OLO.ServicesStatus>
+ * ```
+ */
+export const ServicesStatus = ({ itemId, children, }) => {
+    return (_jsx(Root, { itemId: itemId, children: children }));
+};
+export const Menus = ({ 
+// menuServiceConfig,
+children, }) => {
+    // const [retryKey, setRetryKey] = React.useState(0);
+    // const [menus, setMenus] = React.useState<any[]>([]);
+    // const [isLoading, setIsLoading] = React.useState(true);
+    // const [error, setError] = React.useState<string | undefined>(undefined);
+    return _jsx(_Fragment, { children: children });
+};

package/dist/react/core/ClickableItem.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+/**
+ * CoreMenuItem
+ *
+ * A core menu item component that displays the item image, name, description, and price
+ * using the project's design system for colors and fonts.
+ */
+export declare function CoreClickableItem({ children, }: {
+    children: (props: {
+        item: any;
+        itemSelected: () => void;
+    }) => React.ReactNode;
+}): React.ReactNode;

package/dist/react/core/ClickableItem.js

@@ -0,0 +1,21 @@
+import { useItemContext, useMenuContext, useSectionContext, } from '@wix/restaurants/components';
+import { useService } from '@wix/services-manager-react';
+import { OLOSettingsServiceDefinition } from '@wix/headless-restaurants-olo/services';
+// import { OLOSettingsServiceDefinition } from "../../services/OLOSettingsService";
+/**
+ * CoreMenuItem
+ *
+ * A core menu item component that displays the item image, name, description, and price
+ * using the project's design system for colors and fonts.
+ */
+export function CoreClickableItem({ children, }) {
+    const { item } = useItemContext();
+    const { section } = useSectionContext();
+    const { menu } = useMenuContext();
+    const service = useService(OLOSettingsServiceDefinition);
+    const itemSelected = () => {
+        const selectedItem = { ...item, sectionId: section._id, menuId: menu._id };
+        service.selectedItem?.set(selectedItem);
+    };
+    return children({ item, itemSelected });
+}

package/dist/react/core/ItemDetails.d.ts

@@ -5,7 +5,7 @@ interface ItemDetailsRootProps {
     children: (props: {
         item: unknown;
     }) => React.ReactNode;
-    itemDetailsServiceConfig: ItemServiceConfig;
+    itemDetailsServiceConfig?: ItemServiceConfig;
 }
 export declare const Root: React.FC<ItemDetailsRootProps>;
 interface ItemDetailsModifiersRepeaterProps {

package/dist/react/core/ItemDetails.js

@@ -4,18 +4,24 @@ import { useService, WixServices } from '@wix/services-manager-react';
 import { createServicesMap } from '@wix/services-manager';
 import { ItemService, ItemServiceDefinition, loadItemServiceConfig, } from '../../services/item-details-service.js';
 import { OLOSettingsServiceDefinition } from '../../services/olo-settings-service.js';
-export const Root = ({ children }) => {
+export const Root = ({ children, itemDetailsServiceConfig, }) => {
     const service = useService(OLOSettingsServiceDefinition);
     const selectedItem = service.selectedItem?.get();
-    const itemDetailsServiceConfig = loadItemServiceConfig({
-        item: selectedItem,
-        operationId: service.operation?.get()?._id ?? '',
-    });
-    return (_jsx(WixServices, { servicesMap: createServicesMap().addService(ItemServiceDefinition, ItemService, itemDetailsServiceConfig), children: children({ item: selectedItem }) }));
+    let config = itemDetailsServiceConfig;
+    if (!config) {
+        config = loadItemServiceConfig({
+            item: selectedItem,
+            operationId: service.operation?.get()?._id ?? '',
+        });
+    }
+    if (config.item) {
+        service.selectedItem?.set(config.item);
+    }
+    return (_jsx(WixServices, { servicesMap: createServicesMap().addService(ItemServiceDefinition, ItemService, config), children: children({ item: itemDetailsServiceConfig?.item ?? selectedItem }) }));
 };
 export const ModifiersRepeater = ({ children, }) => {
     const service = useService(ItemServiceDefinition);
-    const item = service.item.get();
+    const item = service.item?.get();
     // TODO: Check if modifiers exist on item type - might be in a different property
     const modifiers = item?.modifiers || [];
     const hasModifiers = modifiers.length > 0;
@@ -23,7 +29,7 @@ export const ModifiersRepeater = ({ children, }) => {
 };
 export const VariantsRepeater = ({ children, }) => {
     const service = useService(ItemServiceDefinition);
-    const item = service.item.get();
+    const item = service.item?.get();
     // TODO: Check if variants exist on item type - might be in a different property
     const variants = item?.variants || [];
     const hasVariants = variants.length > 0;

package/dist/react/core/OLO.d.ts

@@ -0,0 +1,92 @@
+import React from 'react';
+import { OLOSettingsServiceConfig } from '../../services/olo-settings-service.js';
+import { ItemServiceConfig } from '../../services/item-details-service.js';
+interface CoreOLORootProps {
+    /** The ID of the item to load */
+    itemId?: string;
+    /** Pre-loaded item service config (optional) */
+    itemServiceConfig?: ItemServiceConfig;
+    /** Pre-loaded cart service config (optional) */
+    cartServiceConfig?: any;
+    /** Pre-loaded OLO settings service config (optional) */
+    oloSettingsServiceConfig?: OLOSettingsServiceConfig;
+    /** Children render prop that receives the services manager state */
+    children: React.ReactNode;
+}
+/**
+ * Core OLO Root component that sets up service management
+ * Provides ItemService and CurrentCartService to child components
+ *
+ * @example
+ * ```tsx
+ * <CoreOLO.Root itemId="item-123">
+ *   {({ servicesManager, isLoading, hasServices }) => (
+ *     hasServices ? (
+ *       <ServicesManagerProvider servicesManager={servicesManager}>
+ *         <ItemDetailsComponents />
+ *       </ServicesManagerProvider>
+ *     ) : (
+ *       <LoadingSpinner />
+ *     )
+ *   )}
+ * </CoreOLO.Root>
+ * ```
+ */
+export declare const Root: React.FC<CoreOLORootProps>;
+interface CoreOLOProviderProps {
+    /** The ID of the item to load */
+    itemId?: string;
+    /** Pre-loaded item service config (optional) */
+    itemServiceConfig?: ItemServiceConfig;
+    /** Pre-loaded cart service config (optional) */
+    cartServiceConfig?: any;
+    /** Pre-loaded OLO settings service config (optional) */
+    oloSettingsServiceConfig?: OLOSettingsServiceConfig;
+    /** Loading component to show while services are initializing */
+    loading?: React.ReactNode;
+    /** Error component to show if service initialization fails */
+    error?: (error: string) => React.ReactNode;
+    /** Children that will receive the services context */
+    children: React.ReactNode;
+}
+/**
+ * Convenience wrapper that combines Root with ServicesManagerProvider
+ * Automatically provides services context to children
+ *
+ * @example
+ * ```tsx
+ * <CoreOLO.Provider itemId="item-123">
+ *   <ItemDetailsComponents />
+ * </CoreOLO.Provider>
+ * ```
+ */
+export declare const Provider: React.FC<CoreOLOProviderProps>;
+interface CoreOLOItemDetailsProps {
+    /** The ID of the item to load */
+    itemId: string;
+    /** Pre-loaded configurations (optional) */
+    configs?: {
+        itemServiceConfig?: ItemServiceConfig;
+        cartServiceConfig?: any;
+    };
+    /** Loading component */
+    loading?: React.ReactNode;
+    /** Error component */
+    error?: (error: string) => React.ReactNode;
+    /** Children that will have access to item services */
+    children: React.ReactNode;
+}
+/**
+ * Specialized wrapper for item details that ensures ItemService is available
+ *
+ * @example
+ * ```tsx
+ * <CoreOLO.ItemDetails itemId="item-123">
+ *   <ItemDetailsPrimitive.Root>
+ *     {({ item }) => <div>{item.name}</div>}
+ *   </ItemDetailsPrimitive.Root>
+ * </CoreOLO.ItemDetails>
+ * ```
+ */
+export declare const ItemDetails: React.FC<CoreOLOItemDetailsProps>;
+export {};

package/dist/react/core/OLO.js

@@ -0,0 +1,122 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { createServicesMap } from '@wix/services-manager';
+import { WixServices } from '@wix/services-manager-react';
+// import { ItemService, ItemServiceDefinition, loadItemServiceConfig } from '@/components/restaurants-olo/services/itemDetailsService';
+import { OLOSettingsService, OLOSettingsServiceDefinition, } from '@wix/headless-restaurants-olo/services';
+/**
+ * Core OLO Root component that sets up service management
+ * Provides ItemService and CurrentCartService to child components
+ *
+ * @example
+ * ```tsx
+ * <CoreOLO.Root itemId="item-123">
+ *   {({ servicesManager, isLoading, hasServices }) => (
+ *     hasServices ? (
+ *       <ServicesManagerProvider servicesManager={servicesManager}>
+ *         <ItemDetailsComponents />
+ *       </ServicesManagerProvider>
+ *     ) : (
+ *       <LoadingSpinner />
+ *     )
+ *   )}
+ * </CoreOLO.Root>
+ * ```
+ */
+export const Root = ({ itemId, itemServiceConfig, cartServiceConfig, oloSettingsServiceConfig, children, }) => {
+    // const [servicesManager, setServicesManager] = useState<ServicesManager | null>(null);
+    // const [isLoading, setIsLoading] = useState(true);
+    // const [error, setError] = useState<string | undefined>();
+    useEffect(() => {
+        // const initializeServices = async () => {
+        //   setIsLoading(true);
+        //   setError(undefined);
+        //   try {
+        //     // Load configurations if not provided
+        //     const loadedConfigs = await Promise.all([
+        //       cartServiceConfig || loadCurrentCartServiceConfig(),
+        //       itemServiceConfig || (loadItemServiceConfig(itemId))
+        //     ]);
+        //     const [currentCartServiceConfig, itemServiceConfigResult] = loadedConfigs;
+        //     // Handle item service config result (discriminated union)
+        //     if (itemServiceConfigResult && 'type' in itemServiceConfigResult) {
+        //       if (itemServiceConfigResult.type === 'notFound') {
+        //         setError('Item not found');
+        //         return;
+        //       }
+        //       // Use the config from the success result
+        //       const finalItemServiceConfig = itemServiceConfigResult.config;
+        //       // Create services manager with both services
+        //       const manager = createServicesManager(
+        //         createServicesMap()
+        //           .addService(CurrentCartServiceDefinition, CurrentCartService, currentCartServiceConfig)
+        //         //   .addService(ItemServiceDefinition, ItemService, finalItemServiceConfig)
+        //       );
+        //       setServicesManager(manager);
+        //     } else if (itemServiceConfigResult) {
+        //       // Direct config provided
+        //       const manager = createServicesManager(
+        //         createServicesMap()
+        //           .addService(CurrentCartServiceDefinition, CurrentCartService, currentCartServiceConfig)
+        //         //   .addService(ItemServiceDefinition, ItemService, itemServiceConfigResult)
+        //       );
+        //       setServicesManager(manager);
+        //     } else {
+        //       // Only cart service, no item service
+        //       const manager = createServicesManager(
+        //         createServicesMap()
+        //           .addService(CurrentCartServiceDefinition, CurrentCartService, currentCartServiceConfig)
+        //       );
+        //       setServicesManager(manager);
+        //     }
+        //   } catch (err) {
+        //     console.error('Failed to initialize services:', err);
+        //     setError('Failed to initialize services');
+        //   } finally {
+        //     setIsLoading(false);
+        //   }
+        // };
+        // initializeServices();
+    }, [itemId, itemServiceConfig, cartServiceConfig]);
+    // const hasServices = Boolean(servicesManager);
+    //   return children({
+    //     servicesManager,
+    //     isLoading,
+    //     error,
+    //     hasServices
+    //   });
+    console.log('oloSettingsServiceConfig', oloSettingsServiceConfig);
+    return (_jsx(WixServices, { servicesMap: createServicesMap().addService(OLOSettingsServiceDefinition, OLOSettingsService, oloSettingsServiceConfig), children: children }));
+};
+/**
+ * Convenience wrapper that combines Root with ServicesManagerProvider
+ * Automatically provides services context to children
+ *
+ * @example
+ * ```tsx
+ * <CoreOLO.Provider itemId="item-123">
+ *   <ItemDetailsComponents />
+ * </CoreOLO.Provider>
+ * ```
+ */
+export const Provider = ({ itemId, itemServiceConfig, cartServiceConfig, oloSettingsServiceConfig, 
+// loading = <div>Loading services...</div>,
+// error: errorComponent = (error: string) => <div>Error: {error}</div>,
+children, }) => {
+    return (_jsx(Root, { itemId: itemId, itemServiceConfig: itemServiceConfig, cartServiceConfig: cartServiceConfig, oloSettingsServiceConfig: oloSettingsServiceConfig, children: children }));
+};
+/**
+ * Specialized wrapper for item details that ensures ItemService is available
+ *
+ * @example
+ * ```tsx
+ * <CoreOLO.ItemDetails itemId="item-123">
+ *   <ItemDetailsPrimitive.Root>
+ *     {({ item }) => <div>{item.name}</div>}
+ *   </ItemDetailsPrimitive.Root>
+ * </CoreOLO.ItemDetails>
+ * ```
+ */
+export const ItemDetails = ({ itemId, configs, loading, error, children, }) => {
+    return (_jsx(Provider, { itemId: itemId, itemServiceConfig: configs?.itemServiceConfig, cartServiceConfig: configs?.cartServiceConfig, loading: loading, error: error, children: children }));
+};

package/dist/react/core/index.d.ts

@@ -1 +1,3 @@
 export * as CoreItemDetails from './ItemDetails.js';
+export { CoreClickableItem } from './ClickableItem.js';
+export * as CoreOLO from './OLO.js';

package/dist/react/core/index.js

@@ -1 +1,3 @@
 export * as CoreItemDetails from './ItemDetails.js';
+export { CoreClickableItem } from './ClickableItem.js';
+export * as CoreOLO from './OLO.js';

package/dist/react/index.d.ts

@@ -1 +1,3 @@
-export * from './ItemDetails.js';
+export * as ItemDetails from './ItemDetails.js';
+export * as ClickableItem from './ClickableItem.js';
+export * as OLO from './OLO.js';

package/dist/react/index.js

@@ -1 +1,3 @@
-export * from './ItemDetails.js';
+export * as ItemDetails from './ItemDetails.js';
+export * as ClickableItem from './ClickableItem.js';
+export * as OLO from './OLO.js';

package/dist/services/item-details-service.d.ts

@@ -9,7 +9,7 @@ import { type LineItem } from '@wix/ecom/services';
  */
 export interface ItemServiceAPI {
     /** Reactive signal containing the current item data */
-    item: Signal<items.Item>;
+    item?: Signal<items.Item | undefined>;
     quantity: Signal<number>;
     specialRequest: Signal<string>;
     lineItem: Signal<LineItem>;
@@ -41,7 +41,7 @@ export declare const ItemServiceDefinition: string & {
  */
 export interface ItemServiceConfig {
     /** The initial item data to configure the service with */
-    item: items.Item;
+    item?: items.Item;
     itemId?: string;
     operationId?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-restaurants-olo",
-  "version": "0.0.2",
+  "version": "0.0.5",
   "type": "module",
   "scripts": {
     "build": "npm run build:esm && npm run build:cjs",