@wix/headless-restaurants-olo 0.0.43 → 0.0.44

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

@@ -58,8 +58,14 @@ export interface ItemDetailsVariantsProps {
     radioGroupClassName?: string;
     /** CSS classes to apply to each RadioGroup.Item (variant radio button) */
     variantRadioItemClassName?: string;
+    /** CSS classes to apply to the RadioGroup.Indicator (radio button circle) */
+    variantRadioIndicatorClassName?: string;
+    /** CSS classes to apply to the radio button wrapper (outer circle with border) */
+    variantRadioButtonWrapperClassName?: string;
     /** CSS classes to apply to each variant item container */
     variantItemClassName?: string;
+    /** CSS classes to apply to the variant name and price container */
+    variantContentClassName?: string;
     /** Optional content to display when no variants are available */
     emptyState?: React.ReactNode;
 }

package/cjs/dist/react/ItemDetails.js

@@ -78,7 +78,7 @@ Root.displayName = 'ItemDetails.Root';
  * </ItemDetails.Variants>
  * ```
  */
-export const Variants = React.forwardRef(({ children, className, asChild, variantNameClassName, variantPriceClassName, radioGroupClassName, variantRadioItemClassName, variantItemClassName, emptyState, }, ref) => {
+export const Variants = React.forwardRef(({ children, className, asChild, variantNameClassName, variantPriceClassName, radioGroupClassName, variantRadioItemClassName, variantRadioIndicatorClassName, variantRadioButtonWrapperClassName, variantItemClassName, variantContentClassName, emptyState, }, ref) => {
     return (_jsx(CoreItemDetails.VariantsComponent, { children: ({ variants, hasVariants, selectedVariantId, onVariantChange }) => {
             if (!hasVariants) {
                 return emptyState || null;
@@ -88,9 +88,9 @@ export const Variants = React.forwardRef(({ children, className, asChild, varian
                     hasVariants,
                     selectedVariantId,
                     onVariantChange,
-                }, children: _jsx(RadioGroupPrimitive.Root, { className: radioGroupClassName, value: selectedVariantId, onValueChange: onVariantChange, children: variants.map((variant) => (_jsx(RadioGroupPrimitive.Item, { value: variant._id ?? '', className: variantRadioItemClassName, children: _jsxs("div", { className: variantItemClassName, children: [_jsx("div", { className: variantNameClassName, children: variant.name }), _jsx("div", { className: variantPriceClassName, children: variant.priceInfo?.formattedPrice ||
-                                        variant.priceInfo?.price ||
-                                        '' })] }) }, variant._id))) }) }));
+                }, children: _jsx(RadioGroupPrimitive.Root, { className: radioGroupClassName, value: selectedVariantId, onValueChange: onVariantChange, children: variants.map((variant) => (_jsx(RadioGroupPrimitive.Item, { value: variant._id ?? '', className: variantRadioItemClassName, children: _jsxs("div", { className: variantItemClassName, children: [_jsx("div", { className: variantRadioButtonWrapperClassName, children: _jsx(RadioGroupPrimitive.Indicator, { className: variantRadioIndicatorClassName }) }), _jsxs("div", { className: variantContentClassName, children: [_jsx("div", { className: variantNameClassName, children: variant.name }), _jsx("div", { className: variantPriceClassName, children: variant.priceInfo?.formattedPrice ||
+                                                variant.priceInfo?.price ||
+                                                '' })] })] }) }, variant._id))) }) }));
         } }));
 });
 Variants.displayName = 'ItemDetails.Variants';

package/cjs/dist/services/fulfillments-service.d.ts

@@ -1,5 +1,5 @@
-import * as operationsSDK from '@wix/auto_sdk_restaurants_operations';
 import { FulfillmentsServiceAPI, FulfillmentsServiceConfig } from '../types/fulfillments-types.js';
+import { Operation } from '../types/operation.js';
 export declare const FulfillmentsServiceDefinition: string & {
     __api: FulfillmentsServiceAPI;
     __config: {};
@@ -10,4 +10,4 @@ export declare const FulfillmentsService: import("@wix/services-definitions").Se
     __config: {};
     isServiceDefinition?: boolean;
 } & FulfillmentsServiceAPI, FulfillmentsServiceConfig>;
-export declare const loadFulfillmentsServiceConfig: (operation?: operationsSDK.Operation) => Promise<FulfillmentsServiceConfig>;
+export declare const loadFulfillmentsServiceConfig: (operation: Operation) => Promise<FulfillmentsServiceConfig>;

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

@@ -140,19 +140,15 @@ export const FulfillmentsService = implementService.withConfig()(FulfillmentsSer
 });
 export const loadFulfillmentsServiceConfig = async (operation) => {
     const [timeSlots, fulfillments] = await Promise.all([
-        operationsSDK.calculateFirstAvailableTimeSlotsPerOperation([
-            // @ts-expect-error - operation is not typed
-            operation.id,
-        ]),
+        operationsSDK.calculateFirstAvailableTimeSlotsPerOperation([operation.id]),
         fulfillemtMethodsSDK
             .queryFulfillmentMethods()
             .in('_id', operation?.fulfillmentIds)
             .find(),
     ]);
-    console.log('operation', operation);
     return {
         firstAvailableTimeSlots: timeSlots.timeSlotsPerOperation,
-        operation: operation,
+        operation,
         fulfillments: fulfillments.items.filter((f) => f.enabled),
     };
 };

package/cjs/dist/services/olo-settings-service.d.ts

@@ -1,21 +1,20 @@
 import { operations as operationsSDK, operationGroups as operationGroupsSDK } from '@wix/restaurants';
 import { type Signal } from '@wix/services-definitions/core-services/signals';
 import { MenusServiceConfig } from '@wix/headless-restaurants-menus/services';
+import { Operation } from '../types/operation.js';
 export interface OLOSettingsServiceAPI {
     operationGroup: Signal<operationGroupsSDK.OperationGroup | undefined>;
     operation: Signal<operationsSDK.Operation | undefined>;
     isLoading: Signal<boolean>;
     error: Signal<string | null>;
     availabilityDispatchAction?: Signal<(() => void) | undefined>;
-    currentFulfillment: Signal<string>;
-    currentTimeSlot: Signal<string>;
     filterMenus: (menus: MenusServiceConfig['menus']) => MenusServiceConfig['menus'];
     canAcceptOrders: boolean;
     formatCurrency: (price?: number) => string;
 }
 export interface OLOSettingsServiceConfig {
     operationGroup?: operationGroupsSDK.OperationGroup;
-    operation?: operationsSDK.Operation;
+    operation?: Operation;
     availabilityDispatchAction?: () => void;
     menuIdsByOperation?: string[];
     canAcceptOrders?: boolean;
@@ -32,8 +31,8 @@ export declare const OLOSettingsService: import("@wix/services-definitions").Ser
     isServiceDefinition?: boolean;
 } & OLOSettingsServiceAPI, OLOSettingsServiceConfig>;
 export declare function loadOLOSettingsServiceConfig(): Promise<{
-    operationGroup: operationGroupsSDK.OperationGroup | undefined;
-    operation: import("../types/operation.js").Operation;
+    operationGroup: operationGroupsSDK.OperationGroup;
+    operation: Operation;
     menuIdsByOperation: (string | null | undefined)[];
     isLoading?: undefined;
     error?: undefined;

package/cjs/dist/services/olo-settings-service.js

@@ -12,9 +12,6 @@ export const OLOSettingsService = implementService.withConfig()(OLOSettingsServi
         ((price) => price?.toFixed(2)?.toString() ?? '');
     const isLoading = signalsService.signal(true);
     const error = signalsService.signal(null);
-    const currentFulfillment = signalsService.signal('Pickup');
-    const currentTimeSlot = signalsService.signal('10-14');
-    // const isAsap = operation.get()?.orderSchedulingType === OrderSchedulingType.ASAP;
     const filterMenus = (menus) => {
         return menus?.filter((menu) => menu.visible && config.menuIdsByOperation?.includes(menu._id || ''));
     };
@@ -24,8 +21,6 @@ export const OLOSettingsService = implementService.withConfig()(OLOSettingsServi
         isLoading,
         error,
         availabilityDispatchAction,
-        currentFulfillment,
-        currentTimeSlot,
         filterMenus,
         canAcceptOrders: config.canAcceptOrders ?? true,
         formatCurrency,
@@ -38,19 +33,25 @@ export async function loadOLOSettingsServiceConfig() {
             operationGroupsSDK.queryOperationGroups().find(),
             operationsSDK.queryOperation().find(),
         ]);
+        //TODO: Handle multiple pages
+        const [operationGroup] = operationGroupsResponse.items;
+        if (!operationGroup) {
+            throw new Error('Operation group not found');
+        }
+        // TODO: Handle multiple locations
         const [currentOperation] = operationsResponse.items;
         if (!currentOperation) {
             throw new Error('Operation not found');
         }
         const operation = OperationMapper(currentOperation);
-        const menuIdsByOperation = await menuOrderingSettingsSDK
+        const menuIdsByOperation = (await menuOrderingSettingsSDK
             .queryMenuOrderingSettings()
-            .in('operationId', operationsResponse.items[0]?._id)
-            .find();
+            .in('operationId', currentOperation._id)
+            .find()).items.map((menu) => menu.menuId);
         return {
-            operationGroup: operationGroupsResponse.items[0] || undefined,
+            operationGroup,
             operation,
-            menuIdsByOperation: menuIdsByOperation.items.map((menu) => menu.menuId),
+            menuIdsByOperation,
         };
     }
     catch (error) {

package/dist/react/ItemDetails.d.ts

@@ -58,8 +58,14 @@ export interface ItemDetailsVariantsProps {
     radioGroupClassName?: string;
     /** CSS classes to apply to each RadioGroup.Item (variant radio button) */
     variantRadioItemClassName?: string;
+    /** CSS classes to apply to the RadioGroup.Indicator (radio button circle) */
+    variantRadioIndicatorClassName?: string;
+    /** CSS classes to apply to the radio button wrapper (outer circle with border) */
+    variantRadioButtonWrapperClassName?: string;
     /** CSS classes to apply to each variant item container */
     variantItemClassName?: string;
+    /** CSS classes to apply to the variant name and price container */
+    variantContentClassName?: string;
     /** Optional content to display when no variants are available */
     emptyState?: React.ReactNode;
 }

package/dist/react/ItemDetails.js

@@ -78,7 +78,7 @@ Root.displayName = 'ItemDetails.Root';
  * </ItemDetails.Variants>
  * ```
  */
-export const Variants = React.forwardRef(({ children, className, asChild, variantNameClassName, variantPriceClassName, radioGroupClassName, variantRadioItemClassName, variantItemClassName, emptyState, }, ref) => {
+export const Variants = React.forwardRef(({ children, className, asChild, variantNameClassName, variantPriceClassName, radioGroupClassName, variantRadioItemClassName, variantRadioIndicatorClassName, variantRadioButtonWrapperClassName, variantItemClassName, variantContentClassName, emptyState, }, ref) => {
     return (_jsx(CoreItemDetails.VariantsComponent, { children: ({ variants, hasVariants, selectedVariantId, onVariantChange }) => {
             if (!hasVariants) {
                 return emptyState || null;
@@ -88,9 +88,9 @@ export const Variants = React.forwardRef(({ children, className, asChild, varian
                     hasVariants,
                     selectedVariantId,
                     onVariantChange,
-                }, children: _jsx(RadioGroupPrimitive.Root, { className: radioGroupClassName, value: selectedVariantId, onValueChange: onVariantChange, children: variants.map((variant) => (_jsx(RadioGroupPrimitive.Item, { value: variant._id ?? '', className: variantRadioItemClassName, children: _jsxs("div", { className: variantItemClassName, children: [_jsx("div", { className: variantNameClassName, children: variant.name }), _jsx("div", { className: variantPriceClassName, children: variant.priceInfo?.formattedPrice ||
-                                        variant.priceInfo?.price ||
-                                        '' })] }) }, variant._id))) }) }));
+                }, children: _jsx(RadioGroupPrimitive.Root, { className: radioGroupClassName, value: selectedVariantId, onValueChange: onVariantChange, children: variants.map((variant) => (_jsx(RadioGroupPrimitive.Item, { value: variant._id ?? '', className: variantRadioItemClassName, children: _jsxs("div", { className: variantItemClassName, children: [_jsx("div", { className: variantRadioButtonWrapperClassName, children: _jsx(RadioGroupPrimitive.Indicator, { className: variantRadioIndicatorClassName }) }), _jsxs("div", { className: variantContentClassName, children: [_jsx("div", { className: variantNameClassName, children: variant.name }), _jsx("div", { className: variantPriceClassName, children: variant.priceInfo?.formattedPrice ||
+                                                variant.priceInfo?.price ||
+                                                '' })] })] }) }, variant._id))) }) }));
         } }));
 });
 Variants.displayName = 'ItemDetails.Variants';

package/dist/services/fulfillments-service.d.ts

@@ -1,5 +1,5 @@
-import * as operationsSDK from '@wix/auto_sdk_restaurants_operations';
 import { FulfillmentsServiceAPI, FulfillmentsServiceConfig } from '../types/fulfillments-types.js';
+import { Operation } from '../types/operation.js';
 export declare const FulfillmentsServiceDefinition: string & {
     __api: FulfillmentsServiceAPI;
     __config: {};
@@ -10,4 +10,4 @@ export declare const FulfillmentsService: import("@wix/services-definitions").Se
     __config: {};
     isServiceDefinition?: boolean;
 } & FulfillmentsServiceAPI, FulfillmentsServiceConfig>;
-export declare const loadFulfillmentsServiceConfig: (operation?: operationsSDK.Operation) => Promise<FulfillmentsServiceConfig>;
+export declare const loadFulfillmentsServiceConfig: (operation: Operation) => Promise<FulfillmentsServiceConfig>;

package/dist/services/fulfillments-service.js

@@ -140,19 +140,15 @@ export const FulfillmentsService = implementService.withConfig()(FulfillmentsSer
 });
 export const loadFulfillmentsServiceConfig = async (operation) => {
     const [timeSlots, fulfillments] = await Promise.all([
-        operationsSDK.calculateFirstAvailableTimeSlotsPerOperation([
-            // @ts-expect-error - operation is not typed
-            operation.id,
-        ]),
+        operationsSDK.calculateFirstAvailableTimeSlotsPerOperation([operation.id]),
         fulfillemtMethodsSDK
             .queryFulfillmentMethods()
             .in('_id', operation?.fulfillmentIds)
             .find(),
     ]);
-    console.log('operation', operation);
     return {
         firstAvailableTimeSlots: timeSlots.timeSlotsPerOperation,
-        operation: operation,
+        operation,
         fulfillments: fulfillments.items.filter((f) => f.enabled),
     };
 };

package/dist/services/olo-settings-service.d.ts

@@ -1,21 +1,20 @@
 import { operations as operationsSDK, operationGroups as operationGroupsSDK } from '@wix/restaurants';
 import { type Signal } from '@wix/services-definitions/core-services/signals';
 import { MenusServiceConfig } from '@wix/headless-restaurants-menus/services';
+import { Operation } from '../types/operation.js';
 export interface OLOSettingsServiceAPI {
     operationGroup: Signal<operationGroupsSDK.OperationGroup | undefined>;
     operation: Signal<operationsSDK.Operation | undefined>;
     isLoading: Signal<boolean>;
     error: Signal<string | null>;
     availabilityDispatchAction?: Signal<(() => void) | undefined>;
-    currentFulfillment: Signal<string>;
-    currentTimeSlot: Signal<string>;
     filterMenus: (menus: MenusServiceConfig['menus']) => MenusServiceConfig['menus'];
     canAcceptOrders: boolean;
     formatCurrency: (price?: number) => string;
 }
 export interface OLOSettingsServiceConfig {
     operationGroup?: operationGroupsSDK.OperationGroup;
-    operation?: operationsSDK.Operation;
+    operation?: Operation;
     availabilityDispatchAction?: () => void;
     menuIdsByOperation?: string[];
     canAcceptOrders?: boolean;
@@ -32,8 +31,8 @@ export declare const OLOSettingsService: import("@wix/services-definitions").Ser
     isServiceDefinition?: boolean;
 } & OLOSettingsServiceAPI, OLOSettingsServiceConfig>;
 export declare function loadOLOSettingsServiceConfig(): Promise<{
-    operationGroup: operationGroupsSDK.OperationGroup | undefined;
-    operation: import("../types/operation.js").Operation;
+    operationGroup: operationGroupsSDK.OperationGroup;
+    operation: Operation;
     menuIdsByOperation: (string | null | undefined)[];
     isLoading?: undefined;
     error?: undefined;

package/dist/services/olo-settings-service.js

@@ -12,9 +12,6 @@ export const OLOSettingsService = implementService.withConfig()(OLOSettingsServi
         ((price) => price?.toFixed(2)?.toString() ?? '');
     const isLoading = signalsService.signal(true);
     const error = signalsService.signal(null);
-    const currentFulfillment = signalsService.signal('Pickup');
-    const currentTimeSlot = signalsService.signal('10-14');
-    // const isAsap = operation.get()?.orderSchedulingType === OrderSchedulingType.ASAP;
     const filterMenus = (menus) => {
         return menus?.filter((menu) => menu.visible && config.menuIdsByOperation?.includes(menu._id || ''));
     };
@@ -24,8 +21,6 @@ export const OLOSettingsService = implementService.withConfig()(OLOSettingsServi
         isLoading,
         error,
         availabilityDispatchAction,
-        currentFulfillment,
-        currentTimeSlot,
         filterMenus,
         canAcceptOrders: config.canAcceptOrders ?? true,
         formatCurrency,
@@ -38,19 +33,25 @@ export async function loadOLOSettingsServiceConfig() {
             operationGroupsSDK.queryOperationGroups().find(),
             operationsSDK.queryOperation().find(),
         ]);
+        //TODO: Handle multiple pages
+        const [operationGroup] = operationGroupsResponse.items;
+        if (!operationGroup) {
+            throw new Error('Operation group not found');
+        }
+        // TODO: Handle multiple locations
         const [currentOperation] = operationsResponse.items;
         if (!currentOperation) {
             throw new Error('Operation not found');
         }
         const operation = OperationMapper(currentOperation);
-        const menuIdsByOperation = await menuOrderingSettingsSDK
+        const menuIdsByOperation = (await menuOrderingSettingsSDK
             .queryMenuOrderingSettings()
-            .in('operationId', operationsResponse.items[0]?._id)
-            .find();
+            .in('operationId', currentOperation._id)
+            .find()).items.map((menu) => menu.menuId);
         return {
-            operationGroup: operationGroupsResponse.items[0] || undefined,
+            operationGroup,
             operation,
-            menuIdsByOperation: menuIdsByOperation.items.map((menu) => menu.menuId),
+            menuIdsByOperation,
         };
     }
     catch (error) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-restaurants-olo",
-  "version": "0.0.43",
+  "version": "0.0.44",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -78,5 +78,5 @@
       "groupId": "com.wixpress.headless-components"
     }
   },
-  "falconPackageHash": "25e56de1c5e1be8c65b00bd03ae07fb32f297114f752d75297741b66"
+  "falconPackageHash": "8b0e8f84677d9e75b1242a120c014e61d8e0279095afd8bf291e54aa"
 }