@wix/headless-restaurants-olo 0.0.13 → 0.0.15

package/cjs/dist/mappers/operation-mapper.d.ts

@@ -0,0 +1,3 @@
+import * as operationsSDK from '@wix/auto_sdk_restaurants_operations';
+import { Operation } from '../types/operation.js';
+export declare const OperationMapper: (operation: operationsSDK.Operation) => Operation;

package/cjs/dist/mappers/operation-mapper.js

@@ -0,0 +1,95 @@
+import * as operationsSDK from '@wix/auto_sdk_restaurants_operations';
+import { DispatchType } from '../types/fulfillments-types.js';
+const TIME_UNIT_MULTIPLIER = {
+    MINUTES: 1,
+    UNKNOWN_TIME_UNIT: 0,
+    DAYS: 24 * 60,
+    HOURS: 60,
+};
+const getAsapOptionsFromOperation = (operation) => {
+    if (!operation.orderScheduling?.asapOptions) {
+        return;
+    }
+    const { timeRangeOptions, maxTimeOptions } = operation.orderScheduling.asapOptions.preparationTime || {};
+    if (maxTimeOptions &&
+        maxTimeOptions.duration !== null &&
+        maxTimeOptions.duration !== undefined &&
+        maxTimeOptions.timeUnit) {
+        return {
+            maxInMinutes: maxTimeOptions.duration * TIME_UNIT_MULTIPLIER[maxTimeOptions.timeUnit],
+        };
+    }
+    if (timeRangeOptions &&
+        timeRangeOptions.timeUnit &&
+        timeRangeOptions.maxDuration !== undefined &&
+        timeRangeOptions.maxDuration !== null &&
+        timeRangeOptions.minDuration !== undefined &&
+        timeRangeOptions.minDuration !== null) {
+        return {
+            rangeInMinutes: {
+                min: timeRangeOptions.minDuration *
+                    TIME_UNIT_MULTIPLIER[timeRangeOptions.timeUnit],
+                max: timeRangeOptions.maxDuration *
+                    TIME_UNIT_MULTIPLIER[timeRangeOptions.timeUnit],
+            },
+        };
+    }
+};
+function getPreOrderOptions(operation) {
+    if (!operation.orderScheduling?.preorderOptions) {
+        return;
+    }
+    const timeBoundedOptions = operation.orderScheduling?.preorderOptions?.method?.timeBoundedOptions;
+    if (!timeBoundedOptions) {
+        return;
+    }
+    const { maxTimeInAdvance, minTimeInAdvance } = timeBoundedOptions;
+    const max = TIME_UNIT_MULTIPLIER[maxTimeInAdvance?.timeUnit] *
+        maxTimeInAdvance?.duration;
+    const min = TIME_UNIT_MULTIPLIER[minTimeInAdvance?.timeUnit] *
+        minTimeInAdvance?.duration;
+    const timeWindowsOptions = operation.orderScheduling?.preorderOptions?.fulfillmentTimesDisplay
+        ?.timeWindowsOptions;
+    const timeWindowDuration = TIME_UNIT_MULTIPLIER[timeWindowsOptions.timeUnit] *
+        timeWindowsOptions.duration;
+    return {
+        timeInAdvance: { min, max },
+        timeWindowDuration,
+    };
+}
+function getOperationType(operation) {
+    switch (operation.orderScheduling?.type) {
+        case operationsSDK.SchedulingType.PREORDER:
+            return 'PRE_ORDER';
+        case operationsSDK.SchedulingType.ASAP:
+        default:
+            return 'ASAP';
+    }
+}
+export const OperationMapper = (operation) => {
+    const { asapFutureHandlingType, businessDaysAheadHandlingOptions } = operation.orderScheduling?.asapOptions || {};
+    const { daysCount } = businessDaysAheadHandlingOptions || {};
+    const allowAsapFutureHandling = asapFutureHandlingType ===
+        operationsSDK.AsapFutureHandlingType.BUSINESS_DAYS_AHEAD_HANDLING &&
+        Number(daysCount) >= 0;
+    return {
+        id: operation._id || '',
+        name: operation.name || '',
+        // @ts-expect-error - operation is not typed
+        enabled: !!operation.enabled,
+        fulfillmentIds: operation.fulfillmentIds || [],
+        asapOptions: getAsapOptionsFromOperation(operation),
+        preOrderOptions: getPreOrderOptions(operation),
+        operationType: getOperationType(operation),
+        allowAsapFutureHandling,
+        businessDaysAheadHandlingOptions: daysCount ?? undefined,
+        defaultDispatchType: operation.defaultFulfillmentType ===
+            operationsSDK.FulfillmentType.DELIVERY
+            ? DispatchType.DELIVERY
+            : DispatchType.PICKUP,
+        operationGroupId: operation.operationGroupId || '',
+        locationId: operation.businessLocationId || '',
+        // @ts-expect-error - operation is not typed
+        locationDetails: operation.businessLocationDetails,
+    };
+};

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

@@ -1,6 +1,5 @@
 import React from 'react';
 import { Commerce } from '@wix/ecom/components';
-import { type LineItem } from '@wix/ecom/services';
 import { type AsChildChildren } from '@wix/headless-utils/react';
 import { ItemServiceConfig } from '../services/item-details-service.js';
 import { EnhancedModifier, EnhancedModifierGroup, EnhancedVariant } from '@wix/headless-restaurants-menus/services';
@@ -180,35 +179,6 @@ export interface ItemDetailsVariantsProps {
     variantPriceClassName?: string;
 }
 export declare const Variants: React.ForwardRefExoticComponent<ItemDetailsVariantsProps & React.RefAttributes<HTMLElement>>;
-export interface AddToCartActionProps {
-    /** Whether to render as a child component */
-    asChild?: boolean;
-    /** Text label for the button */
-    label: string;
-    /** Custom render function when using asChild */
-    lineItems: LineItem[];
-    /** CSS classes to apply to the button */
-    className?: string;
-    /** Content to display when loading */
-    loadingState?: string | React.ReactNode;
-    children?: React.ReactNode;
-}
-/**
- * Add to Cart button for the menu item.
- * Triggers the action to add the selected item (and its modifiers/variants) to the cart.
- *
- * @component
- * @example
- * ```tsx
- * <ItemDetails>
- *   <AddToCart
- *     label="Add to Cart"
- *     lineItems={[{ catalogReference: { ... }, quantity: 1 }]}
- *   />
- * </ItemDetails>
- * ```
- */
-export declare const AddToCart: React.ForwardRefExoticComponent<AddToCartActionProps & React.RefAttributes<HTMLButtonElement>>;
 /**
  * Multi-line text input component for special requests or instructions.
  * Provides a textarea for customers to add custom notes or modifications.
@@ -256,7 +226,6 @@ export interface AddToCartButtonProps extends Omit<React.ComponentPropsWithoutRe
     children?: React.ReactNode;
     className?: string;
     label?: string;
-    onClick?: () => void;
 }
 export interface ItemDetailsQuantityProps {
     children: React.ReactNode;

package/cjs/dist/react/ItemDetails.js

@@ -89,29 +89,8 @@ export const Variants = React.forwardRef(({ children, className, asChild, varian
         } }));
 });
 Variants.displayName = 'ItemDetails.Variants';
-/**
- * Add to Cart button for the menu item.
- * Triggers the action to add the selected item (and its modifiers/variants) to the cart.
- *
- * @component
- * @example
- * ```tsx
- * <ItemDetails>
- *   <AddToCart
- *     label="Add to Cart"
- *     lineItems={[{ catalogReference: { ... }, quantity: 1 }]}
- *   />
- * </ItemDetails>
- * ```
- */
-export const AddToCart = React.forwardRef(({ lineItems, className, label, ...props }, ref) => {
-    return (_jsx(Commerce.Actions.AddToCart, { ref: ref, asChild: false, label: label, className: className, lineItems: lineItems, children: props.children }));
-});
-AddToCart.displayName = 'AddToCart';
-export const AddToCartButton = ({ asChild = false, children, className, onClick, label = 'Add to cart', ...props }) => {
-    return (_jsx(CoreItemDetails.LineItemComponent, { children: ({ lineItem }) => (_jsx(AsChildSlot, { asChild: asChild, className: className, customElement: children, customElementProps: {
-                onClick,
-            }, children: _jsx(Commerce.Actions.AddToCart, { asChild: false, label: label, className: className, lineItems: [lineItem], ...props, children: children }) })) }));
+export const AddToCartButton = ({ asChild, children, className, label = 'Add to cart', ...props }) => {
+    return (_jsx(CoreItemDetails.LineItemComponent, { children: ({ lineItem }) => (_jsx(Commerce.Actions.AddToCart, { asChild: asChild, label: label, className: className, lineItems: [lineItem], ...props, children: children })) }));
 };
 export const Quantity = ({ children }) => {
     return (_jsx(CoreItemDetails.QuantityComponent, { children: ({ quantity, onValueChange, }) => (_jsx(QuantityComponent.Root, { onValueChange: onValueChange, initialValue: quantity, children: children })) }));

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

@@ -1,12 +1,13 @@
 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?: any;
+    itemServiceConfig?: ItemServiceConfig;
     /** Pre-loaded OLO settings service config (optional) */
-    oloSettingsServiceConfig?: any;
+    oloSettingsServiceConfig?: OLOSettingsServiceConfig;
     /** Children render prop that receives the service state */
     children: React.ReactNode;
 }

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { type MenusServiceConfig } from '@wix/headless-restaurants-menus/services';
+declare enum TestIds {
+    menusRoot = "menus-root"
+}
+/**
+ * Menus.Root
+ * Container for the menus context and data loading.
+ * Does not render if there are no menus.
+ */
+export interface MenusRootProps {
+    children: React.ReactNode;
+    config: MenusServiceConfig;
+}
+export declare const Root: React.ForwardRefExoticComponent<MenusRootProps & React.RefAttributes<HTMLElement>>;
+export declare const OLOMenus: {
+    Root: React.ForwardRefExoticComponent<MenusRootProps & React.RefAttributes<HTMLElement>>;
+    TestIds: typeof TestIds;
+};
+export {};

package/cjs/dist/react/OLOMenus.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Menus } from '@wix/headless-restaurants-menus/react';
+import * as CoreOLOMenus from './core/OLOMenus.js';
+// =======================
+// TestIds Enum
+// =======================
+var TestIds;
+(function (TestIds) {
+    // Container Level
+    TestIds["menusRoot"] = "menus-root";
+})(TestIds || (TestIds = {}));
+export const Root = React.forwardRef((props) => {
+    const { children, config } = props;
+    return (_jsx(CoreOLOMenus.Root, { "data-testid": TestIds.menusRoot, config: config, children: (updatedConfig) => (_jsx(Menus.Root, { "data-testid": TestIds.menusRoot, config: updatedConfig, children: children })) }));
+});
+Root.displayName = 'Menus.Root';
+// Compose Menus namespace
+export const OLOMenus = {
+    Root,
+    TestIds,
+};

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

@@ -0,0 +1,160 @@
+import React from 'react';
+import { AsChildChildren } from '@wix/headless-utils/react';
+/**
+ * Root headless component for OLO Settings
+ * Provides access to current details, fulfillment options, location, and extra data
+ *
+ * @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>
+ * ```
+ */
+interface CurrentTimeSlotProps {
+    /** Children render prop that receives the current details */
+    children?: AsChildChildren<{
+        timeSlot: string;
+    }>;
+    /** CSS classes to apply to the default element */
+    className?: string;
+    /** Whether to render as a child component */
+    asChild?: boolean;
+}
+/**
+ * Headless component for current store details
+ * Provides access to store name, address, contact info, and hours
+ *
+ * @example
+ * ```tsx
+ * <Settings.CurrentTimeSlot>
+ *   {({ details, hasDetails }) => (
+ *     hasDetails ? (
+ *       <div>
+ *         <h3>{details.name}</h3>
+ *         <p>{details.address}</p>
+ *         <p>{details.phone}</p>
+ *         <p>{details.email}</p>
+ *       </div>
+ *     ) : (
+ *       <div>No store details available</div>
+ *     )
+ *   )}
+ * </Settings.CurrentTimeSlot>
+ * ```
+ */
+export declare const CurrentTimeSlot: React.ForwardRefExoticComponent<CurrentTimeSlotProps & React.RefAttributes<HTMLElement>>;
+/**
+ * Headless component for current fulfillment options
+ * Provides access to pickup, delivery, and dine-in options
+ *
+ * @example
+ * ```tsx
+ * <Settings.CurrentFulfillment>
+ *   {({ fulfillment, availableOptions }) => (
+ *     <div>
+ *       <h3>Available Options:</h3>
+ *       {availableOptions.map(option => (
+ *         <div key={option}>
+ *           {option}: {fulfillment[option]?.enabled ? 'Available' : 'Unavailable'}
+ *           {fulfillment[option]?.estimatedTime && (
+ *             <span> - {fulfillment[option].estimatedTime} mins</span>
+ *           )}
+ *         </div>
+ *       ))}
+ *     </div>
+ *   )}
+ * </Settings.CurrentFulfillment>
+ * ```
+ */
+interface CurrentLocationProps {
+    /** Whether to render as a child component */
+    asChild?: boolean;
+    /** CSS classes to apply to the default element */
+    className?: string;
+    /** Children render prop that receives the location data */
+    children?: AsChildChildren<{
+        currentLocation: {
+            name: string;
+        };
+        hasLocation: boolean;
+    }>;
+}
+/**
+ * Headless component for current location data
+ * Provides access to store location and coordinates
+ *
+ * @example
+ * ```tsx
+ * <Settings.CurrentLocation>
+ *   {({ location, hasLocation }) => (
+ *     <div>
+ *       <p>{currentLocation.name}</p>
+ *       {hasLocation && (
+ *         <p>Coordinates: {location.latitude}, {location.longitude}</p>
+ *       )}
+ *     </div>
+ *   )}
+ * </Settings.CurrentLocation>
+ * ```
+ */
+export declare const CurrentLocation: React.FC<CurrentLocationProps>;
+interface ExtraDataProps {
+    /** Children render prop that receives the extra settings data */
+    children: (props: {
+        extraData: {
+            acceptingOrders: boolean;
+            deliveryFee?: number;
+            minOrderAmount?: number;
+            freeDeliveryThreshold?: number;
+            taxRate?: number;
+            serviceCharge?: number;
+            isOnline?: boolean;
+            orderingDisabledReason?: string;
+        };
+        hasExtraData: boolean;
+    }) => React.ReactNode;
+}
+/**
+ * Headless component for extra settings data
+ * Provides access to ordering status, fees, and thresholds
+ *
+ * @example
+ * ```tsx
+ * <Settings.ExtraData>
+ *   {({ extraData, hasExtraData }) => (
+ *     hasExtraData ? (
+ *       <div>
+ *         <p>Status: {extraData.acceptingOrders ? 'Open' : 'Closed'}</p>
+ *         {extraData.orderingDisabledReason && (
+ *           <p>Reason: {extraData.orderingDisabledReason}</p>
+ *         )}
+ *         <p>Delivery Fee: ${extraData.deliveryFee}</p>
+ *         <p>Min Order: ${extraData.minOrderAmount}</p>
+ *         <p>Free Delivery: ${extraData.freeDeliveryThreshold}</p>
+ *         <p>Tax Rate: {extraData.taxRate}%</p>
+ *       </div>
+ *     ) : (
+ *       <div>No additional settings available</div>
+ *     )
+ *   )}
+ * </Settings.ExtraData>
+ * ```
+ */
+export declare const ExtraData: React.FC<ExtraDataProps>;
+export {};

package/cjs/dist/react/Settings.js

@@ -0,0 +1,94 @@
+import { jsxs as _jsxs, jsx as _jsx } 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';
+/**
+ * Headless component for current store details
+ * Provides access to store name, address, contact info, and hours
+ *
+ * @example
+ * ```tsx
+ * <Settings.CurrentTimeSlot>
+ *   {({ details, hasDetails }) => (
+ *     hasDetails ? (
+ *       <div>
+ *         <h3>{details.name}</h3>
+ *         <p>{details.address}</p>
+ *         <p>{details.phone}</p>
+ *         <p>{details.email}</p>
+ *       </div>
+ *     ) : (
+ *       <div>No store details available</div>
+ *     )
+ *   )}
+ * </Settings.CurrentTimeSlot>
+ * ```
+ */
+// export const CurrentTimeSlot2: React.FC<CurrentTimeSlotProps> = ({ children }) => {
+//   return <CoreSettings.CurrentTimeSlot>{children}</CoreSettings.CurrentTimeSlot>;
+// };
+export const CurrentTimeSlot = React.forwardRef(({ asChild, children, className, ...rest }, ref) => {
+    return (_jsx(CoreSettings.CurrentTimeSlot, { children: ({ timeSlot, hasDetails }) => (_jsxs(AsChildSlot, { ref: ref, asChild: asChild, 
+            // testId={TestIds.currentTimeSlot}
+            className: className, customElement: children, customElementProps: { timeSlot, hasDetails }, content: timeSlot, ...rest, children: [timeSlot?.dispatchType, timeSlot?.startTime.toLocaleString() +
+                    ' - ' +
+                    timeSlot?.endTime.toLocaleString()] })) }));
+});
+CurrentTimeSlot.displayName = 'Settings.CurrentTimeSlot';
+/**
+ * Headless component for current location data
+ * Provides access to store location and coordinates
+ *
+ * @example
+ * ```tsx
+ * <Settings.CurrentLocation>
+ *   {({ location, hasLocation }) => (
+ *     <div>
+ *       <p>{currentLocation.name}</p>
+ *       {hasLocation && (
+ *         <p>Coordinates: {location.latitude}, {location.longitude}</p>
+ *       )}
+ *     </div>
+ *   )}
+ * </Settings.CurrentLocation>
+ * ```
+ */
+export const CurrentLocation = ({ children, className, asChild, }) => {
+    return (_jsx(CoreSettings.CurrentLocation, { children: ({ location, hasLocation }) => (_jsx(AsChildSlot
+        // ref={ref}
+        , { 
+            // ref={ref}
+            asChild: asChild, 
+            // testId={TestIds.currentLocation}
+            className: className, customElement: children, customElementProps: { location, hasLocation }, content: location.name, children: location.name })) }));
+};
+/**
+ * Headless component for extra settings data
+ * Provides access to ordering status, fees, and thresholds
+ *
+ * @example
+ * ```tsx
+ * <Settings.ExtraData>
+ *   {({ extraData, hasExtraData }) => (
+ *     hasExtraData ? (
+ *       <div>
+ *         <p>Status: {extraData.acceptingOrders ? 'Open' : 'Closed'}</p>
+ *         {extraData.orderingDisabledReason && (
+ *           <p>Reason: {extraData.orderingDisabledReason}</p>
+ *         )}
+ *         <p>Delivery Fee: ${extraData.deliveryFee}</p>
+ *         <p>Min Order: ${extraData.minOrderAmount}</p>
+ *         <p>Free Delivery: ${extraData.freeDeliveryThreshold}</p>
+ *         <p>Tax Rate: {extraData.taxRate}%</p>
+ *       </div>
+ *     ) : (
+ *       <div>No additional settings available</div>
+ *     )
+ *   )}
+ * </Settings.ExtraData>
+ * ```
+ */
+export const ExtraData = ({ children }) => {
+    return _jsx(CoreSettings.ExtraData, { children: children });
+};

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

@@ -10,11 +10,13 @@ import { convertModifierToFormModifier } from '../../services/utils.js';
 export const Root = ({ children, itemDetailsServiceConfig, }) => {
     const service = useService(OLOSettingsServiceDefinition);
     const selectedItem = service.selectedItem?.get();
+    console.log('selectedItem', selectedItem, itemDetailsServiceConfig);
     let config = itemDetailsServiceConfig;
     if (!config) {
         config = loadItemServiceConfig({
             item: selectedItem,
-            operationId: service.operation?.get()?._id ?? '',
+            // @ts-expect-error - operation is not typed
+            operationId: service.operation?.get()?.id ?? '',
         });
     }
     if (config.item) {

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

@@ -1,9 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from 'react';
+import { useEffect, useState } 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';
+import { FulfillmentsService, FulfillmentsServiceDefinition, loadFulfillmentsServiceConfig, } from '../../services/fulfillments-service.js';
 /**
  * Core OLO Root component that sets up service management
  * Provides ItemService and CurrentCartService to child components
@@ -24,6 +25,9 @@ import { OLOSettingsService, OLOSettingsServiceDefinition, } from '@wix/headless
  * ```
  */
 export const Root = ({ itemId, itemServiceConfig, cartServiceConfig, oloSettingsServiceConfig, children, }) => {
+    const [fulfillmentsServiceConfig, setFulfillmentsServiceConfig] = useState({
+        operation: oloSettingsServiceConfig?.operation ?? undefined,
+    });
     // const [servicesManager, setServicesManager] = useState<ServicesManager | null>(null);
     // const [isLoading, setIsLoading] = useState(true);
     // const [error, setError] = useState<string | undefined>();
@@ -86,7 +90,17 @@ export const Root = ({ itemId, itemServiceConfig, cartServiceConfig, oloSettings
     //     hasServices
     //   });
     console.log('oloSettingsServiceConfig', oloSettingsServiceConfig);
-    return (_jsx(WixServices, { servicesMap: createServicesMap().addService(OLOSettingsServiceDefinition, OLOSettingsService, oloSettingsServiceConfig), children: children }));
+    useEffect(() => {
+        if (oloSettingsServiceConfig?.operation?._id) {
+            loadFulfillmentsServiceConfig(oloSettingsServiceConfig.operation).then((config) => {
+                console.log('config', config);
+                setFulfillmentsServiceConfig(config);
+            });
+        }
+    }, [oloSettingsServiceConfig?.operation?._id]);
+    return (_jsx(WixServices, { servicesMap: createServicesMap()
+            .addService(OLOSettingsServiceDefinition, OLOSettingsService, oloSettingsServiceConfig)
+            .addService(FulfillmentsServiceDefinition, FulfillmentsService, fulfillmentsServiceConfig), children: children }));
 };
 /**
  * Convenience wrapper that combines Root with ServicesManagerProvider

package/cjs/dist/react/core/OLOMenus.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { MenusServiceConfig } from '@wix/headless-restaurants-menus/services';
+export interface OLOMenusRootProps {
+    config: MenusServiceConfig;
+    children: (updatedConfig: MenusServiceConfig) => React.ReactNode;
+}
+export declare const Root: React.ForwardRefExoticComponent<OLOMenusRootProps & React.RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { OLOSettingsServiceDefinition } from '../../services/olo-settings-service.js';
+import { useService } from '@wix/services-manager-react';
+export const Root = React.forwardRef(function OLOMenusRoot({ config, children }) {
+    const service = useService(OLOSettingsServiceDefinition);
+    const filteredMenus = service.filterMenus(config.menus);
+    const hasMenus = Array.isArray(filteredMenus) && filteredMenus.length > 0;
+    if (!hasMenus)
+        return null;
+    config.menus = filteredMenus;
+    return children(config);
+});