@wix/headless-restaurants-olo 0.0.7 → 0.0.9

package/dist/services/item-details-service.js

@@ -1,5 +1,8 @@
 import { defineService, implementService } from '@wix/services-definitions';
 import { SignalsServiceDefinition, } from '@wix/services-definitions/core-services/signals';
+import { OLOSettingsServiceDefinition } from './olo-settings-service.js';
+import { AvailabilityStatus } from './common-types.js';
+import { getModifiersInitState } from './utils.js';
 /**
  * Service definition for the Item service.
  * This defines the contract that the ItemService must implement.
@@ -43,6 +46,11 @@ export const ItemServiceDefinition = defineService('item');
 const APP_ID = '9a5d83fd-8570-482e-81ab-cfa88942ee60';
 export const ItemService = implementService.withConfig()(ItemServiceDefinition, ({ getService, config }) => {
     const signalsService = getService(SignalsServiceDefinition);
+    const oloSettingsService = getService(OLOSettingsServiceDefinition);
+    const getAvailabilityStatusFn = oloSettingsService.getAvailabilityStatus?.get?.();
+    const initialAvailabilityStatus = getAvailabilityStatusFn?.(config.menuId ?? '') ??
+        AvailabilityStatus.AVAILABLE;
+    const availabilityStatus = signalsService.signal(initialAvailabilityStatus);
     const item = signalsService.signal(config.item);
     const isLoading = signalsService.signal(!!config.item);
     const error = signalsService.signal(config.item ? null : 'Item not found');
@@ -52,6 +60,9 @@ export const ItemService = implementService.withConfig()(ItemServiceDefinition,
     const priceVariants = config.item?.priceVariants || [];
     const initialVariant = priceVariants.length > 0 ? priceVariants[0] : undefined;
     const selectedVariant = signalsService.signal(initialVariant);
+    const modifierGroups = config.item?.modifierGroups || [];
+    const initialSelectedModifiers = getModifiersInitState(modifierGroups);
+    const selectedModifiers = signalsService.signal(initialSelectedModifiers);
     if (config.item) {
         console.log('config.item', config.item);
         lineItem.set({
@@ -95,17 +106,55 @@ export const ItemService = implementService.withConfig()(ItemServiceDefinition,
     const updateSelectedVariant = (variant) => {
         selectedVariant.set(variant);
     };
+    const getModifierIds = (modifierGroupId, modifierId, singleSelect = false) => {
+        const currentSelectedModifiers = selectedModifiers.get();
+        const groupModifierIds = currentSelectedModifiers[modifierGroupId] || [];
+        // Check if this modifier is already selected
+        const isModifierSelected = groupModifierIds.includes(modifierId);
+        if (singleSelect) {
+            // Single select behavior: select the modifier, replacing any existing selection
+            return [modifierId];
+        }
+        else {
+            // Multi-select behavior: toggle the modifier
+            if (isModifierSelected) {
+                // Remove the modifier if it exists
+                const updatedModifierIds = groupModifierIds.filter((id) => id !== modifierId);
+                return updatedModifierIds;
+            }
+            else {
+                // Add the modifier to the existing selection
+                return [...groupModifierIds, modifierId];
+            }
+        }
+    };
+    const toggleModifier = (modifierGroupId, modifierId, singleSelect = false) => {
+        const currentSelectedModifiers = selectedModifiers.get();
+        const modifierIds = getModifierIds(modifierGroupId, modifierId, singleSelect);
+        selectedModifiers.set({
+            ...currentSelectedModifiers,
+            [modifierGroupId]: modifierIds,
+        });
+    };
+    const getSelectedModifiers = (modifierGroupId) => {
+        const currentSelectedModifiers = selectedModifiers.get();
+        return currentSelectedModifiers[modifierGroupId] || [];
+    };
     return {
         item,
         quantity,
         updateQuantity,
         updateSpecialRequest,
         updateSelectedVariant,
+        toggleModifier,
         isLoading,
         error,
         specialRequest,
         lineItem,
         selectedVariant,
+        selectedModifiers,
+        availabilityStatus,
+        getSelectedModifiers,
     };
 });
 /**

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

@@ -1,16 +1,21 @@
 import * as operationGroupsApi from '@wix/auto_sdk_restaurants_operation-groups';
 import * as operationsApi from '@wix/auto_sdk_restaurants_operations';
 import { type Signal } from '@wix/services-definitions/core-services/signals';
+import { AvailabilityStatus } from './common-types.js';
 export interface OLOSettingsServiceAPI {
     operationGroup: Signal<operationGroupsApi.OperationGroup | undefined>;
     operation: Signal<operationsApi.Operation | undefined>;
     selectedItem?: Signal<unknown>;
     isLoading: Signal<boolean>;
     error: Signal<string | null>;
+    getAvailabilityStatus: Signal<(menuId: string) => AvailabilityStatus>;
+    availabilityDispatchAction?: Signal<(() => void) | undefined>;
 }
 export interface OLOSettingsServiceConfig {
     operationGroup?: operationGroupsApi.OperationGroup;
     operation?: operationsApi.Operation;
+    availabilityStatusMenuMap: Record<string, AvailabilityStatus>;
+    availabilityDispatchAction?: () => void;
 }
 export declare const OLOSettingsServiceDefinition: string & {
     __api: OLOSettingsServiceAPI;

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

@@ -2,20 +2,30 @@ import { defineService, implementService } from '@wix/services-definitions';
 import * as operationGroupsApi from '@wix/auto_sdk_restaurants_operation-groups';
 import * as operationsApi from '@wix/auto_sdk_restaurants_operations';
 import { SignalsServiceDefinition, } from '@wix/services-definitions/core-services/signals';
+import { AvailabilityStatus } from './common-types.js';
 export const OLOSettingsServiceDefinition = defineService('oloSettings');
 export const OLOSettingsService = implementService.withConfig()(OLOSettingsServiceDefinition, ({ getService, config }) => {
     const signalsService = getService(SignalsServiceDefinition);
+    const availabilityStatusMenuMap = signalsService.signal(config.availabilityStatusMenuMap);
+    const availabilityDispatchAction = signalsService.signal(config.availabilityDispatchAction);
     const operationGroup = signalsService.signal(config.operationGroup);
     const operation = signalsService.signal(config.operation);
     const selectedItem = signalsService.signal(null);
     const isLoading = signalsService.signal(false);
     const error = signalsService.signal(null);
+    const getAvailabilityStatusFn = (menuId) => {
+        return (availabilityStatusMenuMap.get()?.[menuId] ??
+            AvailabilityStatus.AVAILABLE);
+    };
+    const getAvailabilityStatus = signalsService.signal(getAvailabilityStatusFn);
     return {
         operationGroup,
         operation,
         isLoading,
         error,
         selectedItem,
+        getAvailabilityStatus,
+        availabilityDispatchAction,
     };
 });
 export async function loadOLOSettingsServiceConfig() {

package/dist/services/utils.d.ts

@@ -0,0 +1,20 @@
+import type { EnhancedModifier, EnhancedModifierGroup } from '@wix/headless-restaurants-menus/services';
+export declare const getModifiersInitState: (modifierGroups: EnhancedModifierGroup[]) => Record<string, string[]>;
+export declare const isSingleSelectRule: (rule: NonNullable<EnhancedModifierGroup["rule"]>) => boolean | null | undefined;
+export declare const getFirstPreSelectedModifier: (modifiers: EnhancedModifier[]) => string | null | undefined;
+export declare const getPreSelectedModifiers: (modifiers: EnhancedModifier[]) => string[];
+export declare const convertModifierToFormModifier: (modifier: EnhancedModifier, index: number) => {
+    _id: string;
+    revision?: string | null;
+    _createdDate?: Date | null;
+    _updatedDate?: Date | null;
+    name?: string | null;
+    extendedFields?: import("@wix/auto_sdk_restaurants_item-modifiers").ExtendedFields;
+    inStock?: boolean | null;
+    businessLocationIds?: string[];
+    additionalChargeInfo?: {
+        additionalCharge?: string;
+        formattedAdditionalCharge?: string;
+    };
+    preSelected?: boolean;
+};

package/dist/services/utils.js

@@ -0,0 +1,34 @@
+export const getModifiersInitState = (modifierGroups) => {
+    const initialSelectedModifiers = {};
+    modifierGroups.forEach((group) => {
+        if (group._id) {
+            const isMultiSelectItem = !isSingleSelectRule(group.rule ?? {});
+            const formModifiers = group.modifiers.map(convertModifierToFormModifier);
+            if (isMultiSelectItem) {
+                const preSelectedModifiers = getPreSelectedModifiers(formModifiers);
+                initialSelectedModifiers[group._id] = preSelectedModifiers;
+            }
+            else {
+                const preSelectedModifier = getFirstPreSelectedModifier(formModifiers);
+                initialSelectedModifiers[group._id] = preSelectedModifier
+                    ? [preSelectedModifier]
+                    : [];
+            }
+        }
+    });
+    return initialSelectedModifiers;
+};
+export const isSingleSelectRule = (rule) => rule.required && rule.minSelections === 1 && rule.maxSelections === 1;
+export const getFirstPreSelectedModifier = (modifiers) => modifiers.find(({ preSelected, inStock }) => preSelected && inStock)?._id;
+export const getPreSelectedModifiers = (modifiers) => modifiers.reduce((acc, modifier) => {
+    if (modifier.preSelected && modifier.inStock && modifier._id) {
+        return [...acc, modifier._id];
+    }
+    return acc;
+}, []);
+export const convertModifierToFormModifier = (modifier, index) => {
+    return {
+        ...modifier,
+        _id: `${modifier._id}~${index}`,
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-restaurants-olo",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "type": "module",
   "scripts": {
     "build": "npm run build:esm && npm run build:cjs",
@@ -48,11 +48,12 @@
     "vitest": "^3.1.4"
   },
   "dependencies": {
+    "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-radio-group": "^1.1.3",
     "@radix-ui/react-slot": "^1.1.0",
     "@wix/auto_sdk_restaurants_items": "^1.0.48",
     "@wix/headless-media": "0.0.15",
-    "@wix/headless-restaurants-menus": "^0.0.10",
+    "@wix/headless-restaurants-menus": "^0.0.12",
     "@wix/headless-utils": "^0.0.4",
     "@wix/redirects": "^1.0.0",
     "@wix/restaurants": "^1.0.396",