@wix/headless-restaurants-olo 0.0.24 → 0.0.25

package/cjs/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/cjs/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/cjs/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/cjs/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/cjs/dist/react/core/OLO.js

@@ -1,10 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
+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';
-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
@@ -25,9 +24,6 @@ import { FulfillmentsService, FulfillmentsServiceDefinition, loadFulfillmentsSer
  * ```
  */
 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>();
@@ -90,17 +86,7 @@ export const Root = ({ itemId, itemServiceConfig, cartServiceConfig, oloSettings
     //     hasServices
     //   });
     console.log('oloSettingsServiceConfig', oloSettingsServiceConfig);
-    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 }));
+    return (_jsx(WixServices, { servicesMap: createServicesMap().addService(OLOSettingsServiceDefinition, OLOSettingsService, oloSettingsServiceConfig), children: children }));
 };
 /**
  * Convenience wrapper that combines Root with ServicesManagerProvider

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

@@ -1,89 +1,58 @@
 import React from 'react';
 import * as operationsSDK from '@wix/auto_sdk_restaurants_operations';
-import { TimeSlot } from '../../types/fulfillments-types.js';
-interface CurrentTime {
-    timeSlot: string;
-}
-interface CurrentFulfillment {
-    current?: operationsSDK.TimeSlot;
-}
-interface CurrentLocation {
-    name: string;
-}
-interface ExtraData {
-    acceptingOrders: boolean;
-    deliveryFee?: number;
-    minOrderAmount?: number;
-    freeDeliveryThreshold?: number;
-    taxRate?: number;
-    serviceCharge?: number;
-    isOnline?: boolean;
-    orderingDisabledReason?: string;
-}
-interface SettingsData {
-    currentTime: CurrentTime;
-    currentFulfillment: CurrentFulfillment;
-    currentLocation: CurrentLocation;
-    selectedFulfillment: any;
-    extraData: ExtraData;
-    isLoading: boolean;
-    error?: string | null;
-}
-interface SettingsRootProps {
-    children: (props: SettingsData) => React.ReactNode;
+import { FulfillmentsServiceConfig, TimeSlot } from '../../types/fulfillments-types.js';
+export interface RootProps {
+    children: (props: {
+        isLoading: boolean;
+    }) => React.ReactNode;
+    fulfillmentsServiceConfig?: FulfillmentsServiceConfig;
 }
 /**
- * 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 declare const Root: React.FC<SettingsRootProps>;
-interface CurrentTimeSlotProps {
+export declare const Root: React.FC<RootProps>;
+export interface CurrentTimeSlotProps {
     children: (props: {
         timeSlot: TimeSlot;
         hasDetails: boolean;
     }) => React.ReactNode;
 }
 /**
- * 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 declare const CurrentTimeSlot: React.FC<CurrentTimeSlotProps>;
-interface CurrentFulfillmentProps {
+export interface CurrentFulfillmentProps {
     children: (props: {
-        fulfillment: CurrentFulfillment;
+        fulfillment: {
+            current?: operationsSDK.TimeSlot;
+        };
         hasFulfillment: boolean;
         availableOptions: string[];
     }) => React.ReactNode;
@@ -106,9 +75,11 @@ interface CurrentFulfillmentProps {
  * ```
  */
 export declare const CurrentFulfillment: React.FC<CurrentFulfillmentProps>;
-interface CurrentLocationProps {
+export interface CurrentLocationProps {
     children: (props: {
-        location: CurrentLocation;
+        location: {
+            name: string;
+        };
         hasLocation: boolean;
     }) => React.ReactNode;
 }
@@ -118,21 +89,27 @@ interface CurrentLocationProps {
  * @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 declare const CurrentLocation: React.FC<CurrentLocationProps>;
-interface ExtraDataProps {
+export interface ExtraDataProps {
     children: (props: {
-        extraData: ExtraData;
+        extraData: {
+            acceptingOrders: boolean;
+            deliveryFee?: number;
+            minOrderAmount?: number;
+            freeDeliveryThreshold?: number;
+            taxRate?: number;
+            serviceCharge?: number;
+            isOnline?: boolean;
+            orderingDisabledReason?: string;
+        };
         hasExtraData: boolean;
     }) => React.ReactNode;
 }
@@ -154,4 +131,3 @@ interface ExtraDataProps {
  * ```
  */
 export declare const ExtraData: React.FC<ExtraDataProps>;
-export {};

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 });
 };