@wix/headless-restaurants-olo 0.0.30 → 0.0.32

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

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

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

@@ -1,59 +1,20 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createServicesMap } from '@wix/services-manager';
 import { WixServices } from '@wix/services-manager-react';
-// import { ItemService, ItemServiceDefinition, loadItemServiceConfig } from '@/components/restaurants-olo/services/itemDetailsService';
 import { OLOSettingsService, OLOSettingsServiceDefinition, } from '@wix/headless-restaurants-olo/services';
 /**
  * Core OLO Root component that sets up service management
- * Provides ItemService and CurrentCartService to child components
+ * Provides OLOSettingsService to child components
  *
  * @example
  * ```tsx
- * <CoreOLO.Root itemId="item-123">
- *   {({ servicesManager, isLoading, hasServices }) => (
- *     hasServices ? (
- *       <ServicesManagerProvider servicesManager={servicesManager}>
- *         <ItemDetailsComponents />
- *       </ServicesManagerProvider>
- *     ) : (
- *       <LoadingSpinner />
- *     )
- *   )}
+ * <CoreOLO.Root oloSettingsServiceConfig={config}>
+ *   <Settings.Root>
+ *     <SettingsComponents />
+ *   </Settings.Root>
  * </CoreOLO.Root>
  * ```
  */
 export const Root = ({ oloSettingsServiceConfig, children, }) => {
     return (_jsx(WixServices, { servicesMap: createServicesMap().addService(OLOSettingsServiceDefinition, OLOSettingsService, oloSettingsServiceConfig), children: children }));
 };
-/**
- * Convenience wrapper that combines Root with ServicesManagerProvider
- * Automatically provides services context to children
- *
- * @example
- * ```tsx
- * <CoreOLO.Provider itemId="item-123">
- *   <ItemDetailsComponents />
- * </CoreOLO.Provider>
- * ```
- */
-export const Provider = ({ itemId, itemServiceConfig, cartServiceConfig, oloSettingsServiceConfig, 
-// loading = <div>Loading services...</div>,
-// error: errorComponent = (error: string) => <div>Error: {error}</div>,
-children, }) => {
-    return (_jsx(Root, { itemId: itemId, itemServiceConfig: itemServiceConfig, cartServiceConfig: cartServiceConfig, oloSettingsServiceConfig: oloSettingsServiceConfig, children: children }));
-};
-/**
- * Specialized wrapper for item details that ensures ItemService is available
- *
- * @example
- * ```tsx
- * <CoreOLO.ItemDetails itemId="item-123">
- *   <ItemDetailsPrimitive.Root>
- *     {({ item }) => <div>{item.name}</div>}
- *   </ItemDetailsPrimitive.Root>
- * </CoreOLO.ItemDetails>
- * ```
- */
-export const ItemDetails = ({ itemId, configs, loading, error, children, }) => {
-    return (_jsx(Provider, { itemId: itemId, itemServiceConfig: configs?.itemServiceConfig, cartServiceConfig: configs?.cartServiceConfig, loading: loading, error: error, children: children }));
-};

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

@@ -4,4 +4,4 @@ export interface OLOMenusRootProps {
     config: MenusServiceConfig;
     children: (updatedConfig: MenusServiceConfig) => React.ReactNode;
 }
-export declare const Root: React.ForwardRefExoticComponent<OLOMenusRootProps & React.RefAttributes<HTMLElement>>;
+export declare const Root: ({ config, children, }: OLOMenusRootProps) => React.ReactNode;

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

@@ -1,7 +1,6 @@
-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 }) {
+export const Root = function OLOMenusRoot({ config, children, }) {
     const service = useService(OLOSettingsServiceDefinition);
     const filteredMenus = service.filterMenus(config.menus);
     const hasMenus = Array.isArray(filteredMenus) && filteredMenus.length > 0;
@@ -9,4 +8,4 @@ export const Root = React.forwardRef(function OLOMenusRoot({ config, children })
         return null;
     config.menus = filteredMenus;
     return children(config);
-});
+};

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import * as operationsSDK from '@wix/auto_sdk_restaurants_operations';
-import { FulfillmentsServiceConfig, TimeSlot } from '../../types/fulfillments-types.js';
+import { DispatchType, FulfillmentsServiceConfig, TimeSlot } from '../../types/fulfillments-types.js';
+import * as fulfillemtMethodsSDK from '@wix/auto_sdk_restaurants_fulfillment-methods';
 export interface RootProps {
     children: (props: {
         isLoading: boolean;
@@ -27,6 +28,8 @@ export interface CurrentTimeSlotProps {
     children: (props: {
         timeSlot: TimeSlot;
         hasDetails: boolean;
+        asapTime: number | undefined;
+        asapTimeRange: operationsSDK.DurationRange | undefined;
     }) => React.ReactNode;
 }
 /**
@@ -98,36 +101,149 @@ export interface CurrentLocationProps {
  * ```
  */
 export declare const CurrentLocation: React.FC<CurrentLocationProps>;
-export interface ExtraDataProps {
+export interface MinOrderAmountProps {
     children: (props: {
-        extraData: {
-            acceptingOrders: boolean;
-            deliveryFee?: number;
-            minOrderAmount?: number;
-            freeDeliveryThreshold?: number;
-            taxRate?: number;
-            serviceCharge?: number;
-            isOnline?: boolean;
-            orderingDisabledReason?: string;
-        };
-        hasExtraData: boolean;
+        minOrderAmount: number | undefined;
+        hasMinOrderAmount: boolean;
+    }) => React.ReactNode;
+}
+/**
+ * Component that provides access to minimum order amount information
+ *
+ * @example
+ * ```tsx
+ * <CoreSettings.MinOrderAmount>
+ *   {({ minOrderAmount, hasMinOrderAmount }) => (
+ *     hasMinOrderAmount ? (
+ *       <div>Minimum order: ${minOrderAmount}</div>
+ *     ) : null
+ *   )}
+ * </CoreSettings.MinOrderAmount>
+ * ```
+ */
+export declare const MinOrderAmount: React.FC<MinOrderAmountProps>;
+export interface AcceptingOrdersProps {
+    children: (props: {
+        acceptingOrders: boolean;
+    }) => React.ReactNode;
+}
+/**
+ * Component that provides access to accepting orders status
+ *
+ * @example
+ * ```tsx
+ * <CoreSettings.AcceptingOrders>
+ *   {({ acceptingOrders }) => (
+ *     <div>
+ *       Status: {acceptingOrders ? 'Accepting Orders' : 'Not Accepting Orders'}
+ *     </div>
+ *   )}
+ * </CoreSettings.AcceptingOrders>
+ * ```
+ */
+export declare const AcceptingOrders: React.FC<AcceptingOrdersProps>;
+export interface DeliveryFeeProps {
+    children: (props: {
+        deliveryFee: string | undefined;
+        hasDeliveryFee: boolean;
+    }) => React.ReactNode;
+}
+/**
+ * Component that provides access to delivery fee information
+ *
+ * @example
+ * ```tsx
+ * <CoreSettings.DeliveryFee>
+ *   {({ deliveryFee, hasDeliveryFee }) => (
+ *     hasDeliveryFee ? (
+ *       <div>Delivery Fee: ${deliveryFee}</div>
+ *     ) : (
+ *       <div>Free Delivery</div>
+ *     )
+ *   )}
+ * </CoreSettings.DeliveryFee>
+ * ```
+ */
+export declare const DeliveryFee: React.FC<DeliveryFeeProps>;
+export interface FreeDeliveryThresholdProps {
+    children: (props: {
+        freeDeliveryThreshold: string | undefined;
+        hasFreeDeliveryThreshold: boolean;
     }) => React.ReactNode;
 }
 /**
- * Component that provides access to extra settings data
+ * Component that provides access to free delivery threshold information
  *
  * @example
  * ```tsx
- * <CoreSettings.ExtraData>
- *   {({ extraData }) => (
+ * <CoreSettings.FreeDeliveryThreshold>
+ *   {({ freeDeliveryThreshold, hasFreeDeliveryThreshold }) => (
+ *     hasFreeDeliveryThreshold ? (
+ *       <div>Free delivery on orders over ${freeDeliveryThreshold}</div>
+ *     ) : null
+ *   )}
+ * </CoreSettings.FreeDeliveryThreshold>
+ * ```
+ */
+export declare const FreeDeliveryThreshold: React.FC<FreeDeliveryThresholdProps>;
+export interface SelectedAddressProps {
+    children: (props: {
+        selectedAddress: fulfillemtMethodsSDK.CommonAddress | null;
+        hasAddress: boolean;
+        selectedType: DispatchType | null;
+    }) => React.ReactNode;
+}
+/**
+ * Component that provides access to the selected address
+ *
+ * @example
+ * ```tsx
+ * <CoreSettings.SelectedAddress>
+ *   {({ address, hasAddress }) => (
+ *     hasAddress ? (
+ *       <div>
+ *         <p>{address.street}</p>
+ *         <p>{address.city}, {address.state} {address.zip}</p>
+ *         <p>{address.country}</p>
+ *       </div>
+ *     ) : null
+ *   )}
+ * </CoreSettings.SelectedAddress>
+ * ```
+ */
+export declare const SelectedAddress: React.FC<SelectedAddressProps>;
+export interface DispatchTypeSelectorProps {
+    children: (props: {
+        availableTypes: Array<{
+            type: DispatchType;
+            isSelected: boolean;
+            timeSlot: TimeSlot | null;
+        }>;
+        selectedType: DispatchType | null;
+        selectDispatchType: (type: DispatchType) => void;
+        hasTypes: boolean;
+    }) => React.ReactNode;
+}
+/**
+ * Component that provides dispatch type selection (pickup or delivery)
+ *
+ * @example
+ * ```tsx
+ * <CoreSettings.DispatchTypeSelector>
+ *   {({ availableTypes, selectedType, selectDispatchType }) => (
  *     <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>
+ *       {availableTypes.map(({ type, isSelected }) => (
+ *         <button
+ *           key={type}
+ *           onClick={() => selectDispatchType(type)}
+ *           disabled={isSelected}
+ *         >
+ *           {type} {isSelected && '(selected)'}
+ *         </button>
+ *       ))}
  *     </div>
  *   )}
- * </CoreSettings.ExtraData>
+ * </CoreSettings.DispatchTypeSelector>
  * ```
  */
-export declare const ExtraData: React.FC<ExtraDataProps>;
+export declare const DispatchTypeSelector: React.FC<DispatchTypeSelectorProps>;

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

@@ -57,7 +57,14 @@ export const CurrentTimeSlot = ({ children, }) => {
     const fulfillmentsService = useService(FulfillmentsServiceDefinition);
     const selectedTimeSlot = fulfillmentsService.selectedTimeSlot?.get() ?? {};
     const hasDetails = Boolean(fulfillmentsService.selectedTimeSlot?.get());
-    return children({ timeSlot: selectedTimeSlot, hasDetails });
+    const asapTime = fulfillmentsService.asapTimeSignal?.get();
+    const asapTimeRange = fulfillmentsService.asapTimeRangeSignal?.get();
+    return children({
+        timeSlot: selectedTimeSlot,
+        hasDetails,
+        asapTime,
+        asapTimeRange,
+    });
 };
 /**
  * Component that provides access to current fulfillment options
@@ -114,49 +121,165 @@ export const CurrentLocation = ({ children, }) => {
     return children({ location: currentLocation, hasLocation });
 };
 /**
- * Component that provides access to extra settings data
+ * Component that provides access to minimum order amount information
  *
  * @example
  * ```tsx
- * <CoreSettings.ExtraData>
- *   {({ extraData }) => (
+ * <CoreSettings.MinOrderAmount>
+ *   {({ minOrderAmount, hasMinOrderAmount }) => (
+ *     hasMinOrderAmount ? (
+ *       <div>Minimum order: ${minOrderAmount}</div>
+ *     ) : null
+ *   )}
+ * </CoreSettings.MinOrderAmount>
+ * ```
+ */
+export const MinOrderAmount = ({ children }) => {
+    const fulfillmentsService = useService(FulfillmentsServiceDefinition);
+    const selectedDispatchInfo = fulfillmentsService.selectedDispatchInfoSignal?.get();
+    const minOrderAmount = selectedDispatchInfo?.minOrder
+        ? Number(selectedDispatchInfo.minOrder)
+        : undefined;
+    const hasMinOrderAmount = Boolean(minOrderAmount !== undefined);
+    return children({ minOrderAmount, hasMinOrderAmount });
+};
+/**
+ * Component that provides access to accepting orders status
+ *
+ * @example
+ * ```tsx
+ * <CoreSettings.AcceptingOrders>
+ *   {({ acceptingOrders }) => (
  *     <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>
+ *       Status: {acceptingOrders ? 'Accepting Orders' : 'Not Accepting Orders'}
  *     </div>
  *   )}
- * </CoreSettings.ExtraData>
+ * </CoreSettings.AcceptingOrders>
  * ```
  */
-export const ExtraData = ({ children }) => {
+export const AcceptingOrders = ({ children, }) => {
     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 selectedFulfillment = fulfillmentsService.selectedFulfillment?.get();
+    const acceptingOrders = Boolean(operation?.enabled) && Boolean(selectedFulfillment);
+    return children({ acceptingOrders });
+};
+/**
+ * Component that provides access to delivery fee information
+ *
+ * @example
+ * ```tsx
+ * <CoreSettings.DeliveryFee>
+ *   {({ deliveryFee, hasDeliveryFee }) => (
+ *     hasDeliveryFee ? (
+ *       <div>Delivery Fee: ${deliveryFee}</div>
+ *     ) : (
+ *       <div>Free Delivery</div>
+ *     )
+ *   )}
+ * </CoreSettings.DeliveryFee>
+ * ```
+ */
+export const DeliveryFee = ({ children }) => {
+    const fulfillmentsService = useService(FulfillmentsServiceDefinition);
+    const selectedDispatchInfo = fulfillmentsService.selectedDispatchInfoSignal?.get();
+    console.log('selectedDispatchInfo', selectedDispatchInfo);
+    const deliveryFee = selectedDispatchInfo?.deliveryFee ?? undefined;
+    const hasDeliveryFee = Boolean(deliveryFee);
+    return children({ deliveryFee, hasDeliveryFee });
+};
+/**
+ * Component that provides access to free delivery threshold information
+ *
+ * @example
+ * ```tsx
+ * <CoreSettings.FreeDeliveryThreshold>
+ *   {({ freeDeliveryThreshold, hasFreeDeliveryThreshold }) => (
+ *     hasFreeDeliveryThreshold ? (
+ *       <div>Free delivery on orders over ${freeDeliveryThreshold}</div>
+ *     ) : null
+ *   )}
+ * </CoreSettings.FreeDeliveryThreshold>
+ * ```
+ */
+export const FreeDeliveryThreshold = ({ children, }) => {
+    const fulfillmentsService = useService(FulfillmentsServiceDefinition);
+    const selectedDispatchInfo = fulfillmentsService.selectedDispatchInfoSignal?.get();
+    const freeDeliveryThreshold = selectedDispatchInfo?.freeFulfillmentPriceThreshold ?? undefined;
+    const hasFreeDeliveryThreshold = Boolean(freeDeliveryThreshold);
+    return children({ freeDeliveryThreshold, hasFreeDeliveryThreshold });
+};
+/**
+ * Component that provides access to the selected address
+ *
+ * @example
+ * ```tsx
+ * <CoreSettings.SelectedAddress>
+ *   {({ address, hasAddress }) => (
+ *     hasAddress ? (
+ *       <div>
+ *         <p>{address.street}</p>
+ *         <p>{address.city}, {address.state} {address.zip}</p>
+ *         <p>{address.country}</p>
+ *       </div>
+ *     ) : null
+ *   )}
+ * </CoreSettings.SelectedAddress>
+ * ```
+ */
+export const SelectedAddress = ({ children, }) => {
+    const fulfillmentsService = useService(FulfillmentsServiceDefinition);
+    const selectedDispatchInfo = fulfillmentsService.selectedDispatchInfoSignal?.get();
+    const selectedAddress = selectedDispatchInfo?.address ?? null;
+    const hasAddress = Boolean(selectedAddress);
+    const selectedTimeSlot = fulfillmentsService.selectedTimeSlot?.get();
+    const selectedType = selectedTimeSlot?.dispatchType ?? null;
+    return children({ selectedAddress, hasAddress, selectedType });
+};
+/**
+ * Component that provides dispatch type selection (pickup or delivery)
+ *
+ * @example
+ * ```tsx
+ * <CoreSettings.DispatchTypeSelector>
+ *   {({ availableTypes, selectedType, selectDispatchType }) => (
+ *     <div>
+ *       {availableTypes.map(({ type, isSelected }) => (
+ *         <button
+ *           key={type}
+ *           onClick={() => selectDispatchType(type)}
+ *           disabled={isSelected}
+ *         >
+ *           {type} {isSelected && '(selected)'}
+ *         </button>
+ *       ))}
+ *     </div>
+ *   )}
+ * </CoreSettings.DispatchTypeSelector>
+ * ```
+ */
+export const DispatchTypeSelector = ({ children, }) => {
+    const fulfillmentsService = useService(FulfillmentsServiceDefinition);
+    const selectedTimeSlot = fulfillmentsService.selectedTimeSlot?.get();
+    const selectedType = selectedTimeSlot?.dispatchType ?? null;
+    const availableTypes = fulfillmentsService.availableTypes
+        ?.get()
+        ?.map((type) => {
+        return {
+            type,
+            isSelected: type === selectedType,
+            timeSlot: selectedTimeSlot,
+        };
+    });
+    const selectDispatchType = (type) => {
+        fulfillmentsService.selectFulfillmentType(type);
     };
-    const hasExtraData = Boolean(extraData.deliveryFee !== undefined ||
-        extraData.minOrderAmount !== undefined ||
-        extraData.freeDeliveryThreshold !== undefined);
-    return children({ extraData, hasExtraData });
+    const hasTypes = availableTypes.length > 0;
+    return children({
+        availableTypes,
+        selectedType,
+        selectDispatchType,
+        hasTypes,
+    });
 };

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

@@ -2,3 +2,4 @@ export * as CoreItemDetails from './ItemDetails.js';
 export { CoreClickableItem } from './ClickableItem.js';
 export * as CoreOLO from './OLO.js';
 export * as CoreSettings from './Settings.js';
+export * as CoreFulfillmentDetails from './FulfillmentDetails.js';

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

@@ -2,3 +2,4 @@ export * as CoreItemDetails from './ItemDetails.js';
 export { CoreClickableItem } from './ClickableItem.js';
 export * as CoreOLO from './OLO.js';
 export * as CoreSettings from './Settings.js';
+export * as CoreFulfillmentDetails from './FulfillmentDetails.js';

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

@@ -4,3 +4,5 @@ export * as ClickableItem from './ClickableItem.js';
 export * as OLO from './OLO.js';
 export * as Settings from './Settings.js';
 export * as OLOMenus from './OLOMenus.js';
+export * as FulfillmentDetails from './FulfillmentDetails.js';
+export type { SelectedItemData } from './ClickableItem.js';

package/cjs/dist/react/index.js

@@ -4,3 +4,4 @@ export * as ClickableItem from './ClickableItem.js';
 export * as OLO from './OLO.js';
 export * as Settings from './Settings.js';
 export * as OLOMenus from './OLOMenus.js';
+export * as FulfillmentDetails from './FulfillmentDetails.js';