@wix/headless-restaurants-olo 0.0.24 → 0.0.26

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

@@ -1,109 +1,63 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useService } from '@wix/services-manager-react';
+import { useEffect, useState } from 'react';
+import { WixServices, useService } from '@wix/services-manager-react';
 import { OLOSettingsServiceDefinition } from '../../services/olo-settings-service.js';
-import { FulfillmentsServiceDefinition } from '../../services/fulfillments-service.js';
+import { FulfillmentsService, FulfillmentsServiceDefinition, loadFulfillmentsServiceConfig, } from '../../services/fulfillments-service.js';
+import { createServicesMap } from '@wix/services-manager';
 /**
- * Core Settings component that provides access to OLO settings data
- * Integrates with OLOSettingsService to expose operation and operation group data
+ * Core Settings Root component that provides service context
+ * Wraps children with both OLOSettingsService and FulfillmentsService providers
  *
  * @example
  * ```tsx
- * <CoreSettings.Root>
- *   {({ currentDetails, currentFulfillment, currentLocation, extraData, isLoading, error }) => (
- *     isLoading ? (
- *       <div>Loading settings...</div>
- *     ) : error ? (
- *       <div>Error: {error}</div>
- *     ) : (
- *       <div>
- *         <h2>{currentDetails.name}</h2>
- *         <p>Accepting Orders: {extraData.acceptingOrders ? 'Yes' : 'No'}</p>
- *         <p>Delivery Fee: ${extraData.deliveryFee}</p>
- *       </div>
- *     )
- *   )}
+ * <CoreSettings.Root fulfillmentsServiceConfig={config}>
+ *   <CoreSettings.CurrentTimeSlot>
+ *     {({ timeSlot, hasDetails }) => (
+ *       <div>{timeSlot?.dispatchType}</div>
+ *     )}
+ *   </CoreSettings.CurrentTimeSlot>
  * </CoreSettings.Root>
  * ```
  */
-export const Root = ({ children }) => {
+export const Root = ({ children, fulfillmentsServiceConfig, }) => {
     const service = useService(OLOSettingsServiceDefinition);
-    const fulfillmentsService = useService(FulfillmentsServiceDefinition);
-    const operation = service.operation?.get();
-    const selectedFulfillment = fulfillmentsService.selectedFulfillment?.get();
-    console.log('selectedFulfillment', selectedFulfillment);
-    const isLoading = service.isLoading?.get() ?? false;
-    const error = service.error?.get();
-    // Extract current details from operation group
-    // Note: Using safe property access since the exact API structure may vary
-    const currentTime = {
-        timeSlot: 'TODO', // service.currentTimeSlot?.get(),
-    };
-    // Extract fulfillment options from operation
-    // Note: Using safe property access since the exact API structure may vary
-    const currentFulfillment = {
-        current: fulfillmentsService.selectedFulfillment?.get() ?? undefined,
-    };
-    // Extract location data from operation group
-    // Note: Using safe property access since the exact API structure may vary
-    const currentLocation = {
-        name: operation.locationDetails?.name,
-    };
-    // Extract extra data from operation
-    // Note: Using safe property access since the exact API structure may vary
-    const extraData = {
-        acceptingOrders: operation?.status === 'ACTIVE' && !operation?.paused,
-        deliveryFee: operation?.fulfillment?.delivery?.fee?.amount ||
-            operation?.deliveryFee,
-        minOrderAmount: operation?.orderingRules?.minimumOrderValue?.amount ||
-            operation?.minOrderAmount,
-        freeDeliveryThreshold: operation?.fulfillment?.delivery?.freeDeliveryThreshold
-            ?.amount || operation?.freeDeliveryThreshold,
-        taxRate: operation?.pricing?.taxRate || operation?.taxRate,
-        serviceCharge: operation?.pricing?.serviceCharge?.amount ||
-            operation?.serviceCharge,
-        isOnline: operation?.status === 'ACTIVE',
-        orderingDisabledReason: operation?.paused
-            ? operation?.pauseReason
-            : undefined,
-    };
-    return children({
-        currentTime,
-        currentFulfillment,
-        selectedFulfillment,
-        currentLocation,
-        extraData,
-        isLoading,
-        error,
-    });
+    const [config, setConfig] = useState(fulfillmentsServiceConfig);
+    useEffect(() => {
+        if (!fulfillmentsServiceConfig) {
+            loadFulfillmentsServiceConfig(service.operation?.get()).then((loadedConfig) => {
+                setConfig(loadedConfig);
+            });
+        }
+    }, [fulfillmentsServiceConfig]);
+    service.isLoading.set(!config);
+    if (!config) {
+        return children({ isLoading: !config });
+    }
+    return (_jsx(WixServices, { servicesMap: createServicesMap().addService(FulfillmentsServiceDefinition, FulfillmentsService, config), children: children({ isLoading: !config }) }));
 };
 /**
- * Component that provides access to current store details
+ * Component that provides access to current time slot
  *
  * @example
  * ```tsx
  * <CoreSettings.CurrentTimeSlot>
- *   {({ details, hasDetails }) => (
+ *   {({ timeSlot, hasDetails }) => (
  *     hasDetails ? (
  *       <div>
- *         <h3>{details.timeSlot}</h3>
+ *         <h3>{timeSlot.dispatchType}</h3>
  *       </div>
  *     ) : (
- *       <div>No store details available</div>
+ *       <div>No time slot selected</div>
  *     )
  *   )}
  * </CoreSettings.CurrentTimeSlot>
  * ```
  */
 export const CurrentTimeSlot = ({ children, }) => {
-    return (_jsx(Root, { children: ({ selectedFulfillment }) => {
-            const hasDetails = Boolean(selectedFulfillment);
-            console.log('selectedFulfillment', selectedFulfillment);
-            console.log('timeSlot', selectedFulfillment?.startTime.toLocaleString());
-            return children({
-                timeSlot: selectedFulfillment,
-                hasDetails,
-            });
-        } }));
+    const fulfillmentsService = useService(FulfillmentsServiceDefinition);
+    const selectedTimeSlot = fulfillmentsService.selectedTimeSlot?.get() ?? {};
+    const hasDetails = Boolean(fulfillmentsService.selectedTimeSlot?.get());
+    return children({ timeSlot: selectedTimeSlot, hasDetails });
 };
 /**
  * Component that provides access to current fulfillment options
@@ -123,17 +77,18 @@ export const CurrentTimeSlot = ({ children, }) => {
  * ```
  */
 export const CurrentFulfillment = ({ children, }) => {
-    return (_jsx(Root, { children: ({ currentFulfillment }) => {
-            const availableOptions = [];
-            // if (currentFulfillment.pickup?.enabled) availableOptions.push('pickup');
-            // if (currentFulfillment.delivery?.enabled) availableOptions.push('delivery');
-            const hasFulfillment = availableOptions.length > 0;
-            return children({
-                fulfillment: currentFulfillment,
-                hasFulfillment,
-                availableOptions,
-            });
-        } }));
+    const fulfillmentsService = useService(FulfillmentsServiceDefinition);
+    const currentFulfillment = {
+        current: fulfillmentsService.selectedTimeSlot?.get() ?? undefined,
+    };
+    const availableOptions = [];
+    // TODO: Add logic to determine available options from fulfillments
+    const hasFulfillment = availableOptions.length > 0;
+    return children({
+        fulfillment: currentFulfillment,
+        hasFulfillment,
+        availableOptions,
+    });
 };
 /**
  * Component that provides access to current location data
@@ -141,26 +96,22 @@ export const CurrentFulfillment = ({ children, }) => {
  * @example
  * ```tsx
  * <CoreSettings.CurrentLocation>
- *   {({ location, hasCoordinates }) => (
+ *   {({ location, hasLocation }) => (
  *     <div>
- *       <p>{location.address}</p>
- *       {hasCoordinates && (
- *         <p>Coordinates: {location.latitude}, {location.longitude}</p>
- *       )}
+ *       <p>{location.name}</p>
  *     </div>
  *   )}
  * </CoreSettings.CurrentLocation>
  * ```
  */
 export const CurrentLocation = ({ children, }) => {
-    return (_jsx(Root, { children: ({ currentLocation }) => {
-            console.log('currentLocation', currentLocation);
-            const hasLocation = Boolean(currentLocation.name);
-            return children({
-                location: currentLocation,
-                hasLocation,
-            });
-        } }));
+    const service = useService(OLOSettingsServiceDefinition);
+    const operation = service.operation?.get();
+    const currentLocation = {
+        name: operation?.locationDetails?.name || '',
+    };
+    const hasLocation = Boolean(currentLocation.name);
+    return children({ location: currentLocation, hasLocation });
 };
 /**
  * Component that provides access to extra settings data
@@ -180,13 +131,32 @@ export const CurrentLocation = ({ children, }) => {
  * ```
  */
 export const ExtraData = ({ children }) => {
-    return (_jsx(Root, { children: ({ extraData }) => {
-            const hasExtraData = Boolean(extraData.deliveryFee !== undefined ||
-                extraData.minOrderAmount !== undefined ||
-                extraData.freeDeliveryThreshold !== undefined);
-            return children({
-                extraData,
-                hasExtraData,
-            });
-        } }));
+    const service = useService(OLOSettingsServiceDefinition);
+    const fulfillmentsService = useService(FulfillmentsServiceDefinition);
+    const operation = service.operation?.get();
+    const fulfillments = fulfillmentsService.fulfillments?.get();
+    const minOrderPrice = fulfillments && fulfillments.length > 0
+        ? Math.min(...fulfillments
+            .map((f) => Number(f.minOrderPrice ?? 0))
+            .filter((x) => x !== undefined))
+        : undefined;
+    const extraData = {
+        acceptingOrders: operation?.status === 'ACTIVE' && !operation?.paused,
+        deliveryFee: operation?.fulfillment?.delivery?.fee?.amount ||
+            operation?.deliveryFee,
+        minOrderAmount: minOrderPrice,
+        freeDeliveryThreshold: operation?.fulfillment?.delivery?.freeDeliveryThreshold
+            ?.amount || operation?.freeDeliveryThreshold,
+        taxRate: operation?.pricing?.taxRate || operation?.taxRate,
+        serviceCharge: operation?.pricing?.serviceCharge?.amount ||
+            operation?.serviceCharge,
+        isOnline: operation?.status === 'ACTIVE',
+        orderingDisabledReason: operation?.paused
+            ? operation?.pauseReason
+            : undefined,
+    };
+    const hasExtraData = Boolean(extraData.deliveryFee !== undefined ||
+        extraData.minOrderAmount !== undefined ||
+        extraData.freeDeliveryThreshold !== undefined);
+    return children({ extraData, hasExtraData });
 };

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

@@ -10,35 +10,38 @@ export const FulfillmentsService = implementService.withConfig()(FulfillmentsSer
         throw new Error('Operation ID is required');
     }
     const signalsService = getService(SignalsServiceDefinition);
-    const fulfillmentsMap = new Map(config.fulfillments?.map(processFulfillmentTimeSlotByOperationList) ??
-        []);
-    const fulfillments = signalsService.signal(
+    const timeSlotsMap = new Map(config.timeSlots?.map(processFulfillmentTimeSlotByOperationList) ?? []);
+    const fulfillments = signalsService.signal(config.fulfillments ?? []);
+    const timeSlots = signalsService.signal(
     // @ts-expect-error - operation is not typed
-    fulfillmentsMap.get(config.operation?.id ?? '') ?? []);
+    timeSlotsMap.get(config.operation?.id ?? '') ?? []);
     const isLoading = signalsService.signal(false);
     const error = signalsService.signal(null);
-    const initialSelected = fulfillments.get()?.[0] ?? null;
-    const selectedFulfillment = signalsService.signal(initialSelected);
-    selectedFulfillment.set(initialSelected);
-    const setSelectedFulfillment = (fulfillment) => {
-        selectedFulfillment.set(fulfillment);
+    const initialSelected = timeSlots.get()?.[0] ?? null;
+    const selectedTimeSlot = signalsService.signal(initialSelected);
+    selectedTimeSlot.set(initialSelected);
+    const setSelectedTimeSlot = (timeSlot) => {
+        selectedTimeSlot.set(timeSlot);
     };
-    if (!config.fulfillments && config.operation) {
+    if (!config.timeSlots && config.operation) {
         loadFulfillmentsServiceConfig(config.operation).then((config) => {
-            const fulfillmentsMap = new Map(config.fulfillments?.map(processFulfillmentTimeSlotByOperationList) ?? []);
-            fulfillments.set(
+            const timeSlotsMap = new Map(config.timeSlots?.map(processFulfillmentTimeSlotByOperationList) ??
+                []);
+            timeSlots.set(
             // @ts-expect-error - operation is not typed
-            fulfillmentsMap.get(config.operation?.id ?? '') ?? []);
-            const initialSelected = fulfillments.get()?.[0] ?? null;
-            selectedFulfillment.set(initialSelected);
+            timeSlotsMap.get(config.operation?.id ?? '') ?? []);
+            const initialSelected = timeSlots.get()?.[0] ?? null;
+            selectedTimeSlot.set(initialSelected);
+            fulfillments.set(config.fulfillments ?? []);
         });
     }
     return {
+        timeSlots,
         fulfillments,
-        selectedFulfillment,
+        selectedTimeSlot,
         isLoading,
         error,
-        setSelectedFulfillment,
+        setSelectedTimeSlot,
     };
 });
 export const loadFulfillmentsServiceConfig = async (operation) => {
@@ -58,7 +61,8 @@ export const loadFulfillmentsServiceConfig = async (operation) => {
     console.log('fulfillments', fulfillments.items);
     // const fulfillmentsMap = new Map(fulfillments.timeSlotsPerOperation?.map(processFulfillmentTimeSlotByOperationList));
     return {
-        fulfillments: timeSlots.timeSlotsPerOperation, //fulfillmentsMap.get(operationId) ?? [],
+        timeSlots: timeSlots.timeSlotsPerOperation, //fulfillmentsMap.get(operationId) ?? [],
         operation: operation,
+        fulfillments: fulfillments.items.filter((f) => f.enabled),
     };
 };

package/cjs/dist/types/fulfillments-types.d.ts

@@ -1,5 +1,6 @@
 import * as operationsSDK from '@wix/auto_sdk_restaurants_operations';
 import { Signal } from '@wix/services-definitions/core-services/signals';
+import * as fulfillemtMethodsSDK from '@wix/auto_sdk_restaurants_fulfillment-methods';
 export declare enum DispatchType {
     /** Pickup fulfillment */
     PICKUP = "PICKUP",
@@ -21,13 +22,15 @@ export interface Fulfillment {
     isAvailable: boolean;
 }
 export interface FulfillmentsServiceAPI {
-    fulfillments: Signal<TimeSlot[]>;
-    selectedFulfillment: Signal<TimeSlot | null>;
+    timeSlots: Signal<TimeSlot[]>;
+    fulfillments: Signal<fulfillemtMethodsSDK.FulfillmentMethod[]>;
+    selectedTimeSlot: Signal<TimeSlot | null>;
     isLoading: Signal<boolean>;
     error: Signal<string | null>;
-    setSelectedFulfillment: (fulfillment: TimeSlot) => void;
+    setSelectedTimeSlot: (timeSlot: TimeSlot) => void;
 }
 export interface FulfillmentsServiceConfig {
-    fulfillments?: operationsSDK.TimeSlotForOperation[];
+    timeSlots?: operationsSDK.TimeSlotForOperation[];
     operation?: operationsSDK.Operation;
+    fulfillments?: fulfillemtMethodsSDK.FulfillmentMethod[];
 }

package/dist/react/ItemDetails.d.ts

@@ -99,7 +99,7 @@ export interface AddToCartButtonProps {
     asChild?: boolean;
     className?: string;
     addToCartLabelMap: Record<AddToCartButtonState, string>;
-    children: (props: {
+    children?: AsChildChildren<{
         lineItem: LineItem;
         buttonState: AddToCartButtonState;
         addToCartButtonDisabled?: boolean;
@@ -109,7 +109,7 @@ export interface AddToCartButtonProps {
         label: React.ReactNode;
         formattedPrice: string;
         modifierGroupHasError: boolean;
-    }) => React.ReactNode;
+    }>;
 }
 export declare const AddToCartButton: React.ForwardRefExoticComponent<AddToCartButtonProps & React.RefAttributes<HTMLElement>>;
 export interface ItemDetailsQuantityProps {

package/dist/react/ItemDetails.js

@@ -50,15 +50,7 @@ export const AddToCartButton = React.forwardRef(({ asChild, children, className,
                     label,
                     formattedPrice,
                     modifierGroupHasError,
-                }, ref: ref, ...props, children: _jsx(Commerce.Actions.AddToCart, { asChild: false, label: label, className: className, lineItems: [lineItem], ...props, children: children({
-                        lineItem,
-                        buttonState,
-                        addToCartButtonDisabled,
-                        loadingState,
-                        label,
-                        formattedPrice,
-                        modifierGroupHasError,
-                    }) }) }));
+                }, ref: ref, ...props, children: _jsx(Commerce.Actions.AddToCart, { asChild: false, label: label, className: className, lineItems: [lineItem], ...props }) }));
         } }));
 });
 AddToCartButton.displayName = 'AddToCartButton';

package/dist/react/OLO.d.ts

@@ -2,8 +2,6 @@ import React from 'react';
 import { ItemServiceConfig } from '../services/item-details-service.js';
 import { OLOSettingsServiceConfig } from '../services/olo-settings-service.js';
 interface OLORootProps {
-    /** The ID of the item to load */
-    itemId?: string;
     /** Pre-loaded item service config (optional) */
     itemServiceConfig?: ItemServiceConfig;
     /** Pre-loaded OLO settings service config (optional) */

package/dist/react/OLO.js

@@ -20,12 +20,12 @@ import { CoreOLO } from './core/index.js';
  * </OLO.Root>
  * ```
  */
-export const Root = ({ itemId, oloSettingsServiceConfig, children, }) => {
+export const Root = ({ 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));
+    return (_jsx(CoreOLO.Root, { oloSettingsServiceConfig: oloSettingsServiceConfig, children: children }, retryKey));
 };
 /**
  * Convenience provider that handles loading and error states automatically
@@ -41,7 +41,7 @@ export const Root = ({ itemId, oloSettingsServiceConfig, children, }) => {
  * </OLO.Provider>
  * ```
  */
-export const Provider = ({ itemId, configs, 
+export const Provider = ({ configs, 
 // loading = (
 //   <div className="flex items-center justify-center p-8">
 //     <div className="text-secondary-foreground">Loading services...</div>
@@ -59,7 +59,7 @@ export const Provider = ({ itemId, configs,
 //   </div>
 // ),
 children, }) => {
-    return (_jsx(Root, { itemId: itemId, itemServiceConfig: configs?.itemServiceConfig, children: children }));
+    return _jsx(Root, { itemServiceConfig: configs?.itemServiceConfig, children: children });
 };
 /**
  * Specialized headless component for item details
@@ -120,8 +120,8 @@ export const Cart = ({ loading, error, children }) => {
  * </OLO.ServicesStatus>
  * ```
  */
-export const ServicesStatus = ({ itemId, children, }) => {
-    return (_jsx(Root, { itemId: itemId, children: children }));
+export const ServicesStatus = ({ children, }) => {
+    return (_jsx(Root, { children: children }));
 };
 export const Menus = ({ 
 // menuServiceConfig,

package/dist/react/Settings.d.ts

@@ -1,31 +1,33 @@
 import React from 'react';
+import { FulfillmentsServiceConfig } from '../types/fulfillments-types.js';
 import { AsChildChildren } from '@wix/headless-utils/react';
+/**
+ * Props for the Settings Root component
+ */
+export interface RootProps {
+    /** Child components that will have access to the settings context */
+    children: (props: {
+        isLoading: boolean;
+    }) => React.ReactNode;
+    /** Optional pre-loaded fulfillments service configuration */
+    fulfillmentsServiceConfig?: FulfillmentsServiceConfig;
+}
 /**
  * Root headless component for OLO Settings
- * Provides access to current details, fulfillment options, location, and extra data
+ * Provides service context for settings components
  *
  * @example
  * ```tsx
- * <Settings.Root>
- *   {({ currentDetails, currentFulfillment, currentLocation, extraData, isLoading, error }) => (
- *     isLoading ? (
- *       <div>Loading settings...</div>
- *     ) : error ? (
- *       <div>Error: {error}</div>
- *     ) : (
- *       <div>
- *         <h2>{currentDetails.name}</h2>
- *         <p>{currentDetails.address}</p>
- *         <p>Accepting Orders: {extraData.acceptingOrders ? 'Yes' : 'No'}</p>
- *         <p>Delivery Fee: ${extraData.deliveryFee}</p>
- *         <p>Min Order: ${extraData.minOrderAmount}</p>
- *         <p>Free Delivery: ${extraData.freeDeliveryThreshold}</p>
- *       </div>
- *     )
- *   )}
+ * <Settings.Root fulfillmentsServiceConfig={config}>
+ *   <Settings.CurrentTimeSlot>
+ *     {({ timeSlot, hasDetails }) => (
+ *       <div>{timeSlot?.dispatchType}</div>
+ *     )}
+ *   </Settings.CurrentTimeSlot>
  * </Settings.Root>
  * ```
  */
+export declare const Root: React.FC<RootProps>;
 interface CurrentTimeSlotProps {
     /** Children render prop that receives the current details */
     children?: AsChildChildren<{
@@ -114,9 +116,10 @@ interface CurrentLocationProps {
  * ```
  */
 export declare const CurrentLocation: React.FC<CurrentLocationProps>;
-interface ExtraDataProps {
+interface ExtraDataProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {
+    asChild?: boolean;
     /** Children render prop that receives the extra settings data */
-    children: (props: {
+    children?: AsChildChildren<{
         extraData: {
             acceptingOrders: boolean;
             deliveryFee?: number;
@@ -128,7 +131,7 @@ interface ExtraDataProps {
             orderingDisabledReason?: string;
         };
         hasExtraData: boolean;
-    }) => React.ReactNode;
+    }> | React.ReactNode;
 }
 /**
  * Headless component for extra settings data

package/dist/react/Settings.js

@@ -1,8 +1,38 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { CoreSettings } from './core/index.js';
-// import { OLOSettingsServiceConfig } from '../services/olo-settings-service.js';
 import { AsChildSlot } from '@wix/headless-utils/react';
+// ========================================
+// OLO SETTINGS HEADLESS COMPONENTS
+// ========================================
+// Headless components that wrap CoreSettings and provide convenient service management
+// These components handle service initialization and provide render props for UI
+// ========================================
+// ROOT COMPONENT
+// ========================================
+var TestIds;
+(function (TestIds) {
+    TestIds["settingsRoot"] = "settings-root";
+})(TestIds || (TestIds = {}));
+/**
+ * Root headless component for OLO Settings
+ * Provides service context for settings components
+ *
+ * @example
+ * ```tsx
+ * <Settings.Root fulfillmentsServiceConfig={config}>
+ *   <Settings.CurrentTimeSlot>
+ *     {({ timeSlot, hasDetails }) => (
+ *       <div>{timeSlot?.dispatchType}</div>
+ *     )}
+ *   </Settings.CurrentTimeSlot>
+ * </Settings.Root>
+ * ```
+ */
+export const Root = ({ children, fulfillmentsServiceConfig, }) => {
+    return (_jsx(CoreSettings.Root, { fulfillmentsServiceConfig: fulfillmentsServiceConfig, "data-testid": TestIds.settingsRoot, children: ({ isLoading }) => children({ isLoading }) }));
+};
+Root.displayName = 'Settings.Root';
 /**
  * Headless component for current store details
  * Provides access to store name, address, contact info, and hours
@@ -89,6 +119,6 @@ export const CurrentLocation = ({ children, className, asChild, }) => {
  * </Settings.ExtraData>
  * ```
  */
-export const ExtraData = ({ children }) => {
-    return _jsx(CoreSettings.ExtraData, { children: children });
+export const ExtraData = ({ children, asChild, className, ...rest }) => {
+    return (_jsx(CoreSettings.ExtraData, { children: ({ extraData, hasExtraData }) => (_jsx(AsChildSlot, { asChild: asChild, className: className, customElement: children, customElementProps: { extraData, hasExtraData }, content: hasExtraData ? (_jsx("div", { children: extraData.acceptingOrders ? 'Accepting Orders' : 'Closed' })) : null, ...rest, children: hasExtraData ? (_jsx("div", { children: extraData.acceptingOrders ? 'Accepting Orders' : 'Closed' })) : null })) }));
 };

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

@@ -2,7 +2,6 @@ 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;