@wix/headless-restaurants-olo 0.0.1

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

@@ -0,0 +1,196 @@
+import { defineService, implementService } from '@wix/services-definitions';
+import { SignalsServiceDefinition, } from '@wix/services-definitions/core-services/signals';
+/**
+ * Service definition for the Item service.
+ * This defines the contract that the ItemService must implement.
+ *
+ * @constant
+ */
+export const ItemServiceDefinition = defineService('item');
+/**
+ * Implementation of the Item service that manages reactive item data.
+ * This service provides signals for item data, loading state, and error handling,
+ * along with methods to dynamically load items.
+ *
+ * @example
+ * ```tsx
+ * import { ItemService, ItemServiceDefinition } from '@wix/stores/services';
+ * import { useService } from '@wix/services-manager-react';
+ *
+ * function ItemComponent({ itemConfig }) {
+ *   return (
+ *     <ServiceProvider services={createServicesMap([
+ *       [ItemServiceDefinition, ItemService.withConfig(itemConfig)]
+ *     ])}>
+ *       <ItemDisplay />
+ *     </ServiceProvider>
+ *   );
+ * }
+ *
+ * function ItemDisplay() {
+ *   const itemService = useService(ItemServiceDefinition);
+ *   const item = itemService.item.get();
+ *   const isLoading = itemService.isLoading.get();
+ *   const error = itemService.error.get();
+ *
+ *   if (isLoading) return <div>Loading...</div>;
+ *   if (error) return <div>Error: {error}</div>;
+ *
+ *   return <h1>{item.name}</h1>;
+ * }
+ * ```
+ */
+const APP_ID = '9a5d83fd-8570-482e-81ab-cfa88942ee60';
+export const ItemService = implementService.withConfig()(ItemServiceDefinition, ({ getService, config }) => {
+    const signalsService = getService(SignalsServiceDefinition);
+    const item = signalsService.signal(config.item);
+    const isLoading = signalsService.signal(!!config.item);
+    const error = signalsService.signal(config.item ? null : 'Item not found');
+    const quantity = signalsService.signal(1);
+    const specialRequest = signalsService.signal('');
+    const lineItem = signalsService.signal({});
+    if (config.item) {
+        console.log('config.item', config.item);
+        lineItem.set({
+            quantity: quantity.get(),
+            catalogReference: {
+                // @ts-expect-error - item is not typed
+                catalogItemId: config.item._id,
+                appId: APP_ID,
+                options: {
+                    operationId: config.operationId,
+                    // @ts-expect-error - item is not typed
+                    menuId: config.item.menuId,
+                    // @ts-expect-error - item is not typed
+                    sectionId: config.item.sectionId,
+                },
+            },
+        });
+    }
+    const updateQuantity = (_quantity) => {
+        quantity.set(_quantity);
+        const _lineItem = lineItem.get();
+        lineItem.set({
+            ..._lineItem,
+            quantity: _quantity,
+        });
+    };
+    const updateSpecialRequest = (_specialRequest) => {
+        specialRequest.set(_specialRequest);
+        const _lineItem = lineItem.get();
+        lineItem.set({
+            ..._lineItem,
+            catalogReference: {
+                ..._lineItem.catalogReference,
+                options: {
+                    ..._lineItem.catalogReference?.options,
+                    specialRequest: _specialRequest,
+                },
+            },
+        });
+    };
+    return {
+        item,
+        quantity,
+        updateQuantity,
+        updateSpecialRequest,
+        isLoading,
+        error,
+        specialRequest,
+        lineItem,
+    };
+});
+/**
+ * Loads item service configuration from the Wix Items API for SSR initialization.
+ * This function is designed to be used during Server-Side Rendering (SSR) to preload
+ * a specific item by id that will be used to configure the ItemService.
+ *
+ * @param itemSlug The item id to load
+ * @returns Promise that resolves to ItemServiceConfigResult (success with config or notFound)
+ *
+ * @example
+ * ```astro
+ * ---
+ * // Astro page example - pages/item/[id].astro
+ * import { loadItemServiceConfig } from '@wix/stores/services';
+ * import { Item } from '@wix/stores/components';
+ *
+ * // Get item id from URL params
+ * const { id } = Astro.params;
+ *
+ * // Load item data during SSR
+ * const itemResult = await loadItemServiceConfig(id);
+ *
+ * // Handle not found case
+ * if (itemResult.type === 'notFound') {
+ *   return Astro.redirect('/404');
+ * }
+ * ---
+ *
+ * <Item.Root itemConfig={itemResult.config}>
+ *   <Item.Name>
+ *     {({ name }) => <h1>{name}</h1>}
+ *   </Item.Name>
+ * </Item.Root>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Next.js page example - pages/item/[id].tsx
+ * import { GetServerSideProps } from 'next';
+ * import { loadItemServiceConfig } from '@wix/stores/services';
+ * import { Item } from '@wix/stores/components';
+ *
+ * interface ItemPageProps {
+ *   itemConfig: Extract<Awaited<ReturnType<typeof loadItemServiceConfig>>, { type: 'success' }>['config'];
+ * }
+ *
+ * export const getServerSideProps: GetServerSideProps<ItemPageProps> = async ({ params }) => {
+ *   const id = params?.id as string;
+ *
+ *   // Load item data during SSR
+ *   const itemResult = await loadItemServiceConfig(id);
+ *
+ *   // Handle not found case
+ *   if (itemResult.type === 'notFound') {
+ *     return {
+ *       notFound: true,
+ *     };
+ *   }
+ *
+ *   return {
+ *     props: {
+ *       itemConfig: itemResult.config,
+ *     },
+ *   };
+ * };
+ *
+ * export default function ItemPage({ itemConfig }: ItemPageProps) {
+ *   return (
+ *     <Item.Root itemConfig={itemConfig}>
+ *       <Item.Name>
+ *         {({ name }) => <h1>{name}</h1>}
+ *       </Item.Name>
+ *     </Item.Root>
+ *   );
+ * }
+ * ```
+ */
+export function loadItemServiceConfig({ item, operationId, }) {
+    return { item, operationId };
+}
+// try {
+//   if (item === null) {
+//     return { item: null };
+//   }
+//   console.log('loadItemServiceConfig', item);
+//   const itemResponse = await loadItemById(item._id);
+//   console.log('itemResponse', itemResponse);
+//   if (!itemResponse) {
+//     return { item: itemResponse, item };
+//   }
+//   return { item: itemResponse };
+// } catch (error) {
+//   console.error(`Failed to load item "${itemId}":`, error);
+//   return { item: null, itemId };
+// }}

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

@@ -0,0 +1,35 @@
+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';
+export interface OLOSettingsServiceAPI {
+    operationGroup: Signal<operationGroupsApi.OperationGroup | undefined>;
+    operation: Signal<operationsApi.Operation | undefined>;
+    selectedItem?: Signal<unknown>;
+    isLoading: Signal<boolean>;
+    error: Signal<string | null>;
+}
+export interface OLOSettingsServiceConfig {
+    operationGroup?: operationGroupsApi.OperationGroup;
+    operation?: operationsApi.Operation;
+}
+export declare const OLOSettingsServiceDefinition: string & {
+    __api: OLOSettingsServiceAPI;
+    __config: {};
+    isServiceDefinition?: boolean;
+} & OLOSettingsServiceAPI;
+export declare const OLOSettingsService: import("@wix/services-definitions").ServiceFactory<string & {
+    __api: OLOSettingsServiceAPI;
+    __config: {};
+    isServiceDefinition?: boolean;
+} & OLOSettingsServiceAPI, OLOSettingsServiceConfig>;
+export declare function loadOLOSettingsServiceConfig(): Promise<{
+    operationGroup: operationGroupsApi.OperationGroup | undefined;
+    operation: operationsApi.Operation | undefined;
+    isLoading?: undefined;
+    error?: undefined;
+} | {
+    operationGroup: undefined;
+    operation: undefined;
+    isLoading: boolean;
+    error: string;
+}>;

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

@@ -0,0 +1,43 @@
+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';
+export const OLOSettingsServiceDefinition = defineService('oloSettings');
+export const OLOSettingsService = implementService.withConfig()(OLOSettingsServiceDefinition, ({ getService, config }) => {
+    const signalsService = getService(SignalsServiceDefinition);
+    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);
+    return {
+        operationGroup,
+        operation,
+        isLoading,
+        error,
+        selectedItem,
+    };
+});
+export async function loadOLOSettingsServiceConfig() {
+    try {
+        // Fetch operation groups and operations in parallel
+        const [operationGroupsResponse, operationsResponse] = await Promise.all([
+            operationGroupsApi.queryOperationGroups().find(),
+            operationsApi.queryOperation().find(),
+        ]);
+        return {
+            operationGroup: operationGroupsResponse.items[0] || undefined,
+            operation: operationsResponse.items[0] || undefined,
+        };
+    }
+    catch (error) {
+        console.error('Failed to load OLO settings service config:', error);
+        return {
+            operationGroup: undefined,
+            operation: undefined,
+            isLoading: false,
+            error: error?.message ||
+                'Failed to load OLO settings service config',
+        };
+    }
+}

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@wix/headless-restaurants-olo",
+  "version": "0.0.1",
+  "type": "module",
+  "scripts": {
+    "build": "npm run build:esm && npm run build:cjs",
+    "build:esm": "tsc -p tsconfig.json",
+    "build:cjs": "tsc -p tsconfig.cjs.json",
+    "test": "vitest",
+    "lint:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md}\"",
+    "lint:check": "prettier --check \"src/**/*.{ts,tsx,js,jsx,json,md}\""
+  },
+  "files": [
+    "dist",
+    "cjs",
+    "react",
+    "services",
+    "server-actions",
+    "astro"
+  ],
+  "exports": {
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js",
+      "require": "./cjs/dist/react/index.js"
+    },
+    "./services": {
+      "types": "./dist/services/index.d.ts",
+      "import": "./dist/services/index.js",
+      "require": "./cjs/dist/services/index.js"
+    }
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@types/node": "^20.9.0",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
+    "@vitest/ui": "^3.1.4",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "jsdom": "^26.1.0",
+    "prettier": "^3.4.2",
+    "typescript": "^5.8.3",
+    "vitest": "^3.1.4"
+  },
+  "dependencies": {
+    "@radix-ui/react-slot": "^1.1.0",
+    "@wix/auto_sdk_restaurants_items": "^1.0.48",
+    "@wix/headless-media": "^0.0.15",
+    "@wix/headless-utils": "^0.0.4",
+    "@wix/redirects": "^1.0.0",
+    "@wix/restaurants": "^1.0.396",
+    "@wix/sdk": "^1.15.24",
+    "@wix/services-definitions": "^0.1.4",
+    "@wix/services-manager-react": "^0.1.26"
+  },
+  "peerDependencies": {
+    "@wix/headless-components": "^0.0.16"
+  }
+}

package/react/package.json

@@ -0,0 +1,4 @@
+{
+  "main": "../cjs/dist/react/index.js",
+  "types": "../dist/react/index.d.ts"
+}

package/services/package.json

@@ -0,0 +1,4 @@
+{
+  "main": "../cjs/dist/services/index.js",
+  "types": "../dist/services/index.d.ts"
+}