@wix/headless-restaurants-olo 0.0.14 → 0.0.16

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.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type LineItem } from '@wix/ecom/services';
 import { ItemServiceConfig } from '../../services/item-details-service.js';
-import { EnhancedModifier, EnhancedModifierGroup, EnhancedVariant } from '@wix/headless-restaurants-menus/services';
+import { EnhancedVariant } from '@wix/headless-restaurants-menus/services';
 import { AvailabilityStatus, AvailabilityStatusMap } from '../../services/common-types.js';
 interface ItemDetailsRootProps {
     children: (props: {
@@ -45,16 +45,6 @@ interface ItemDetailsVariantsProps {
     }) => React.ReactNode;
 }
 export declare const VariantsComponent: React.FC<ItemDetailsVariantsProps>;
-interface ItemDetailsModifiersProps {
-    children: (props: {
-        selectedModifierIds: string[];
-        onToggle: (modifierId: string) => void;
-        modifierGroup: EnhancedModifierGroup;
-        modifiers: EnhancedModifier[];
-    }) => React.ReactNode;
-    singleSelect?: boolean;
-}
-export declare const ModifiersComponent: React.FC<ItemDetailsModifiersProps>;
 interface ItemDetailsAvailabilityProps {
     availabilityStatusMap: AvailabilityStatusMap;
     children: (props: {

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

@@ -4,17 +4,18 @@ 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';
-import { useItemContext, useModifierGroupContext, } from '@wix/headless-restaurants-menus/react';
+import { useItemContext } from '@wix/headless-restaurants-menus/react';
 import { AvailabilityStatus, } from '../../services/common-types.js';
-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) {
@@ -86,24 +87,6 @@ export const VariantsComponent = ({ children, }) => {
         selectedVariant,
     });
 };
-export const ModifiersComponent = ({ children, singleSelect, }) => {
-    const service = useService(ItemServiceDefinition);
-    const { modifierGroup } = useModifierGroupContext();
-    // Get selected modifier IDs for this group
-    const groupId = modifierGroup._id;
-    const groupSelectedModifierIds = service.getSelectedModifiers?.(groupId ?? '');
-    const onToggle = (modifierId) => {
-        if (groupId) {
-            service.toggleModifier?.(groupId, modifierId, singleSelect);
-        }
-    };
-    return children({
-        selectedModifierIds: groupSelectedModifierIds,
-        onToggle,
-        modifierGroup,
-        modifiers: modifierGroup.modifiers.map(convertModifierToFormModifier),
-    });
-};
 export const AvailabilityComponent = ({ children, availabilityStatusMap, }) => {
     const oloSettingsService = useService(OLOSettingsServiceDefinition);
     const availabilityDispatchAction = oloSettingsService.availabilityDispatchAction?.get?.();

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

@@ -0,0 +1,42 @@
+import React from 'react';
+import { EnhancedModifier, EnhancedModifierGroup } from '@wix/headless-restaurants-menus/services';
+import { RuleType, RuleTypeMap } from '../../services/common-types.js';
+interface ModifiersContextValue {
+    selectedModifierIds: string[];
+    onToggle: (modifierId: string) => void;
+    modifierGroup: EnhancedModifierGroup;
+    modifiers: EnhancedModifier[];
+    ruleType: RuleType;
+    isSingleSelect: boolean;
+}
+export declare function useModifiersContext(): ModifiersContextValue;
+interface ModifierGroupComponentProps {
+    children: React.ReactNode;
+}
+export declare const ModifierGroupComponent: React.FC<ModifierGroupComponentProps>;
+interface ModifiersComponentProps {
+    children: (props: {
+        selectedModifierIds: string[];
+        onToggle: (modifierId: string) => void;
+        modifierGroup: EnhancedModifierGroup;
+        modifiers: EnhancedModifier[];
+        isSingleSelect: boolean;
+        singleSelectedModifierId: string;
+    }) => React.ReactNode;
+}
+export declare const ModifiersComponent: React.FC<ModifiersComponentProps>;
+interface DescriptionProps {
+    ruleTypeMap: RuleTypeMap;
+    children: (props: {
+        description: string | undefined;
+    }) => React.ReactNode;
+}
+export declare const Description: React.FC<DescriptionProps>;
+interface GroupErrorProps {
+    ruleTypeMap: RuleTypeMap;
+    children: (props: {
+        error: string | undefined;
+    }) => React.ReactNode;
+}
+export declare const GroupError: React.FC<GroupErrorProps>;
+export {};

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

@@ -0,0 +1,67 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createContext } from 'react';
+import { useService } from '@wix/services-manager-react';
+import { useModifierGroupContext } from '@wix/headless-restaurants-menus/react';
+import { convertModifierToFormModifier, getModifierGroupRuleType, getRuleTypeMapValue, isSingleSelectRule, } from '../../services/utils.js';
+import { ItemServiceDefinition } from '../../services/item-details-service.js';
+const ModifiersContext = createContext(null);
+export function useModifiersContext() {
+    const context = React.useContext(ModifiersContext);
+    if (!context) {
+        throw new Error('useModifiersContext must be used within a ModifierGroupComponent');
+    }
+    return context;
+}
+export const ModifierGroupComponent = ({ children, }) => {
+    const service = useService(ItemServiceDefinition);
+    const { modifierGroup } = useModifierGroupContext();
+    const rule = modifierGroup.rule;
+    const isSingleSelect = Boolean(rule ? isSingleSelectRule(rule) : false);
+    const groupId = modifierGroup._id;
+    const groupSelectedModifierIds = service.getSelectedModifiers?.(groupId ?? '');
+    const onToggle = (modifierId) => {
+        if (groupId) {
+            service.toggleModifier?.(groupId, modifierId, isSingleSelect);
+        }
+    };
+    const ruleType = getModifierGroupRuleType(modifierGroup.rule);
+    const contextValue = {
+        selectedModifierIds: groupSelectedModifierIds,
+        onToggle,
+        modifierGroup,
+        modifiers: modifierGroup.modifiers.map(convertModifierToFormModifier),
+        isSingleSelect,
+        ruleType,
+    };
+    return (_jsx(ModifiersContext.Provider, { value: contextValue, children: children }));
+};
+export const ModifiersComponent = ({ children, }) => {
+    const { selectedModifierIds, onToggle, modifierGroup, modifiers, isSingleSelect, } = useModifiersContext();
+    const singleSelectedModifierId = selectedModifierIds.length > 0 ? (selectedModifierIds[0] ?? '') : '';
+    return children({
+        selectedModifierIds,
+        onToggle,
+        modifierGroup,
+        modifiers,
+        isSingleSelect,
+        singleSelectedModifierId,
+    });
+};
+export const Description = ({ ruleTypeMap, children, }) => {
+    const { ruleType, modifierGroup } = useModifiersContext();
+    const modifierGroupName = modifierGroup.name || '';
+    const description = getRuleTypeMapValue(ruleTypeMap, ruleType, modifierGroupName, modifierGroup.rule);
+    return children({ description });
+};
+export const GroupError = ({ ruleTypeMap, children, }) => {
+    const service = useService(ItemServiceDefinition);
+    const { ruleType, modifierGroup } = useModifiersContext();
+    const groupId = modifierGroup._id || '';
+    const modifierGroupErrors = service.modifierGroupError?.get() || {};
+    const modifierGroupName = modifierGroup.name || '';
+    let error;
+    if (modifierGroupErrors[groupId]) {
+        error = getRuleTypeMapValue(ruleTypeMap, ruleType, modifierGroupName, modifierGroup.rule);
+    }
+    return children({ error });
+};

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

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

@@ -0,0 +1,157 @@
+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;
+}
+/**
+ * Core Settings component that provides access to OLO settings data
+ * Integrates with OLOSettingsService to expose operation and operation group data
+ *
+ * @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>
+ * ```
+ */
+export declare const Root: React.FC<SettingsRootProps>;
+interface CurrentTimeSlotProps {
+    children: (props: {
+        timeSlot: TimeSlot;
+        hasDetails: boolean;
+    }) => React.ReactNode;
+}
+/**
+ * Component that provides access to current store details
+ *
+ * @example
+ * ```tsx
+ * <CoreSettings.CurrentTimeSlot>
+ *   {({ details, hasDetails }) => (
+ *     hasDetails ? (
+ *       <div>
+ *         <h3>{details.timeSlot}</h3>
+ *       </div>
+ *     ) : (
+ *       <div>No store details available</div>
+ *     )
+ *   )}
+ * </CoreSettings.CurrentTimeSlot>
+ * ```
+ */
+export declare const CurrentTimeSlot: React.FC<CurrentTimeSlotProps>;
+interface CurrentFulfillmentProps {
+    children: (props: {
+        fulfillment: CurrentFulfillment;
+        hasFulfillment: boolean;
+        availableOptions: string[];
+    }) => React.ReactNode;
+}
+/**
+ * Component that provides access to current fulfillment options
+ *
+ * @example
+ * ```tsx
+ * <CoreSettings.CurrentFulfillment>
+ *   {({ fulfillment, availableOptions }) => (
+ *     <div>
+ *       <h3>Available Options:</h3>
+ *       {availableOptions.map(option => (
+ *         <div key={option}>{option}: Available</div>
+ *       ))}
+ *     </div>
+ *   )}
+ * </CoreSettings.CurrentFulfillment>
+ * ```
+ */
+export declare const CurrentFulfillment: React.FC<CurrentFulfillmentProps>;
+interface CurrentLocationProps {
+    children: (props: {
+        location: CurrentLocation;
+        hasLocation: boolean;
+    }) => React.ReactNode;
+}
+/**
+ * Component that provides access to current location data
+ *
+ * @example
+ * ```tsx
+ * <CoreSettings.CurrentLocation>
+ *   {({ location, hasCoordinates }) => (
+ *     <div>
+ *       <p>{location.address}</p>
+ *       {hasCoordinates && (
+ *         <p>Coordinates: {location.latitude}, {location.longitude}</p>
+ *       )}
+ *     </div>
+ *   )}
+ * </CoreSettings.CurrentLocation>
+ * ```
+ */
+export declare const CurrentLocation: React.FC<CurrentLocationProps>;
+interface ExtraDataProps {
+    children: (props: {
+        extraData: ExtraData;
+        hasExtraData: boolean;
+    }) => React.ReactNode;
+}
+/**
+ * Component that provides access to extra settings data
+ *
+ * @example
+ * ```tsx
+ * <CoreSettings.ExtraData>
+ *   {({ extraData }) => (
+ *     <div>
+ *       <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>
+ *   )}
+ * </CoreSettings.ExtraData>
+ * ```
+ */
+export declare const ExtraData: React.FC<ExtraDataProps>;
+export {};