@feedmepos/mf-order-setting 0.0.50 → 0.0.52-dev.0

package/dist/package/entity/reservation/reservation.dto.d.ts

@@ -0,0 +1,325 @@
+import { z } from 'zod';
+export declare const RestaurantReservationDto: z.ZodObject<{
+    _id: z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodString, string, string>>>;
+    restaurantId: z.ZodEffects<z.ZodString, string, string>;
+    /** The capacity tier ID - the actual inventory unit to deduct from */
+    capacityTierId: z.ZodString;
+    /** The range ID - the zone/area this booking belongs to (for reference) */
+    rangeId: z.ZodString;
+    /** The exact start/end time returned by the availability API */
+    startDate: z.ZodEffects<z.ZodString, string, string>;
+    endDate: z.ZodEffects<z.ZodString, string, string>;
+    pax: z.ZodNumber;
+    /** User _id that created the reservation, can be null if created by POS */
+    userId: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    userName: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    userPhone: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    userEmail: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    customerRemarks: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    /** Guest preferences - customer's selections from range preferences */
+    guestPreferences: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodObject<{
+        name: z.ZodString;
+        value: z.ZodUnion<[z.ZodString, z.ZodArray<z.ZodString, "many">]>;
+    }, "strip", z.ZodTypeAny, {
+        name: string;
+        value: string | string[];
+    }, {
+        name: string;
+        value: string | string[];
+    }>, "many">>>;
+}, "strip", z.ZodTypeAny, {
+    _id?: string | null | undefined;
+    userId?: string | null | undefined;
+    userName?: string | null | undefined;
+    userPhone?: string | null | undefined;
+    userEmail?: string | null | undefined;
+    customerRemarks?: string | null | undefined;
+    guestPreferences?: {
+        name: string;
+        value: string | string[];
+    }[] | null | undefined;
+    restaurantId: string;
+    pax: number;
+    startDate: string;
+    endDate: string;
+    capacityTierId: string;
+    rangeId: string;
+}, {
+    _id?: string | null | undefined;
+    userId?: string | null | undefined;
+    userName?: string | null | undefined;
+    userPhone?: string | null | undefined;
+    userEmail?: string | null | undefined;
+    customerRemarks?: string | null | undefined;
+    guestPreferences?: {
+        name: string;
+        value: string | string[];
+    }[] | null | undefined;
+    restaurantId: string;
+    pax: number;
+    startDate: string;
+    endDate: string;
+    capacityTierId: string;
+    rangeId: string;
+}>;
+export declare const RestaurantReservationPOSDto: z.ZodObject<{
+    _id: z.ZodEffects<z.ZodString, string, string>;
+    /** Reservation status */
+    status: z.ZodEnum<["DRAFT", "CONFIRMED", "CANCELLED", "SEATED", "NO_SHOW"]>;
+    /** Restaurant _id */
+    restaurant: z.ZodEffects<z.ZodString, string, string>;
+    /** The capacity tier ID - the actual inventory unit */
+    capacityTierId: z.ZodString;
+    /** The range ID - the zone/area (for reference) */
+    rangeId: z.ZodString;
+    startDate: z.ZodEffects<z.ZodString, string, string>;
+    endDate: z.ZodEffects<z.ZodString, string, string>;
+    /** Pax */
+    pax: z.ZodNumber;
+    userName: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    /** User phone and email can be null if created by POS */
+    userPhone: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    userEmail: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    /** User _id that created the reservation, can be null if created by POS */
+    userId: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    /** POS assigned slot number */
+    slotNumber: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    /** Customer remarks */
+    customerRemarks: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    /** Guest preferences - customer's selections from range preferences */
+    guestPreferences: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodObject<{
+        name: z.ZodString;
+        value: z.ZodUnion<[z.ZodString, z.ZodArray<z.ZodString, "many">]>;
+    }, "strip", z.ZodTypeAny, {
+        name: string;
+        value: string | string[];
+    }, {
+        name: string;
+        value: string | string[];
+    }>, "many">>>;
+    /** Reserved until timestamp */
+    reservedUntil: z.ZodEffects<z.ZodString, string, string>;
+}, "strip", z.ZodTypeAny, {
+    userId?: string | null | undefined;
+    userName?: string | null | undefined;
+    userPhone?: string | null | undefined;
+    userEmail?: string | null | undefined;
+    slotNumber?: string | null | undefined;
+    customerRemarks?: string | null | undefined;
+    guestPreferences?: {
+        name: string;
+        value: string | string[];
+    }[] | null | undefined;
+    status: "CANCELLED" | "DRAFT" | "CONFIRMED" | "SEATED" | "NO_SHOW";
+    _id: string;
+    restaurant: string;
+    pax: number;
+    startDate: string;
+    endDate: string;
+    reservedUntil: string;
+    capacityTierId: string;
+    rangeId: string;
+}, {
+    userId?: string | null | undefined;
+    userName?: string | null | undefined;
+    userPhone?: string | null | undefined;
+    userEmail?: string | null | undefined;
+    slotNumber?: string | null | undefined;
+    customerRemarks?: string | null | undefined;
+    guestPreferences?: {
+        name: string;
+        value: string | string[];
+    }[] | null | undefined;
+    status: "CANCELLED" | "DRAFT" | "CONFIRMED" | "SEATED" | "NO_SHOW";
+    _id: string;
+    restaurant: string;
+    pax: number;
+    startDate: string;
+    endDate: string;
+    reservedUntil: string;
+    capacityTierId: string;
+    rangeId: string;
+}>;
+export type RestaurantReservationDto = z.infer<typeof RestaurantReservationDto>;
+export type RestaurantReservationPOSDto = z.infer<typeof RestaurantReservationPOSDto>;
+/** DTO for updating a reservation from POS */
+export declare const UpdateReservationPOSDto: z.ZodObject<{
+    status: z.ZodEnum<["DRAFT", "CONFIRMED", "CANCELLED", "SEATED", "NO_SHOW"]>;
+    pax: z.ZodNumber;
+    /** Optional: Update the capacity tier ID if changing time slot or pax */
+    capacityTierId: z.ZodString;
+    /** Optional: Update the range ID if changing time slot */
+    rangeId: z.ZodString;
+    /** Optional: Update the start time */
+    startDate: z.ZodEffects<z.ZodString, string, string>;
+    /** Optional: Update the end time */
+    endDate: z.ZodEffects<z.ZodString, string, string>;
+    /** Optional: Update pax count */
+    userName: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    userPhone: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    userEmail: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    slotNumber: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    customerRemarks: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    /** Guest preferences - customer's selections from range preferences */
+    guestPreferences: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodObject<{
+        name: z.ZodString;
+        value: z.ZodUnion<[z.ZodString, z.ZodArray<z.ZodString, "many">]>;
+    }, "strip", z.ZodTypeAny, {
+        name: string;
+        value: string | string[];
+    }, {
+        name: string;
+        value: string | string[];
+    }>, "many">>>;
+}, "strip", z.ZodTypeAny, {
+    userName?: string | null | undefined;
+    userPhone?: string | null | undefined;
+    userEmail?: string | null | undefined;
+    slotNumber?: string | null | undefined;
+    customerRemarks?: string | null | undefined;
+    guestPreferences?: {
+        name: string;
+        value: string | string[];
+    }[] | null | undefined;
+    status: "CANCELLED" | "DRAFT" | "CONFIRMED" | "SEATED" | "NO_SHOW";
+    pax: number;
+    startDate: string;
+    endDate: string;
+    capacityTierId: string;
+    rangeId: string;
+}, {
+    userName?: string | null | undefined;
+    userPhone?: string | null | undefined;
+    userEmail?: string | null | undefined;
+    slotNumber?: string | null | undefined;
+    customerRemarks?: string | null | undefined;
+    guestPreferences?: {
+        name: string;
+        value: string | string[];
+    }[] | null | undefined;
+    status: "CANCELLED" | "DRAFT" | "CONFIRMED" | "SEATED" | "NO_SHOW";
+    pax: number;
+    startDate: string;
+    endDate: string;
+    capacityTierId: string;
+    rangeId: string;
+}>;
+export type UpdateReservationPOSDto = z.infer<typeof UpdateReservationPOSDto>;
+/** DTO for creating a reservation from POS */
+export declare const CreateReservationPOSDto: z.ZodObject<{
+    capacityTierId: z.ZodString;
+    rangeId: z.ZodString;
+    startDate: z.ZodEffects<z.ZodString, string, string>;
+    endDate: z.ZodEffects<z.ZodString, string, string>;
+    pax: z.ZodNumber;
+    userName: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    userPhone: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    userEmail: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    customerRemarks: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    slotNumber: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    /** Guest preferences - customer's selections from range preferences */
+    guestPreferences: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodObject<{
+        name: z.ZodString;
+        value: z.ZodUnion<[z.ZodString, z.ZodArray<z.ZodString, "many">]>;
+    }, "strip", z.ZodTypeAny, {
+        name: string;
+        value: string | string[];
+    }, {
+        name: string;
+        value: string | string[];
+    }>, "many">>>;
+}, "strip", z.ZodTypeAny, {
+    userName?: string | null | undefined;
+    userPhone?: string | null | undefined;
+    userEmail?: string | null | undefined;
+    slotNumber?: string | null | undefined;
+    customerRemarks?: string | null | undefined;
+    guestPreferences?: {
+        name: string;
+        value: string | string[];
+    }[] | null | undefined;
+    pax: number;
+    startDate: string;
+    endDate: string;
+    capacityTierId: string;
+    rangeId: string;
+}, {
+    userName?: string | null | undefined;
+    userPhone?: string | null | undefined;
+    userEmail?: string | null | undefined;
+    slotNumber?: string | null | undefined;
+    customerRemarks?: string | null | undefined;
+    guestPreferences?: {
+        name: string;
+        value: string | string[];
+    }[] | null | undefined;
+    pax: number;
+    startDate: string;
+    endDate: string;
+    capacityTierId: string;
+    rangeId: string;
+}>;
+export type CreateReservationPOSDto = z.infer<typeof CreateReservationPOSDto>;
+export declare const ReservationAvailabilitySlotDto: z.ZodObject<{
+    status: z.ZodEnum<["AVAILABLE", "FULL"]>;
+    /** The capacity tier ID - the actual inventory unit to book */
+    capacityTierId: z.ZodOptional<z.ZodEffects<z.ZodString, string, string>>;
+    /** The range ID - the zone/area this slot belongs to */
+    rangeId: z.ZodOptional<z.ZodEffects<z.ZodString, string, string>>;
+    /** The exact ISO start time the frontend should send back to create the booking */
+    isoStart: z.ZodOptional<z.ZodEffects<z.ZodString, string, string>>;
+    /** The exact ISO end time (Calculated: start + duration) */
+    isoEnd: z.ZodOptional<z.ZodEffects<z.ZodString, string, string>>;
+    /** Helpful metadata for the UI (e.g., "120 mins") */
+    durationMinutes: z.ZodOptional<z.ZodNumber>;
+    /** The name of the range (e.g., "VIP Room") - useful for debugging or UI labels */
+    label: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    label?: string | undefined;
+    capacityTierId?: string | undefined;
+    rangeId?: string | undefined;
+    isoStart?: string | undefined;
+    isoEnd?: string | undefined;
+    durationMinutes?: number | undefined;
+    status: "AVAILABLE" | "FULL";
+}, {
+    label?: string | undefined;
+    capacityTierId?: string | undefined;
+    rangeId?: string | undefined;
+    isoStart?: string | undefined;
+    isoEnd?: string | undefined;
+    durationMinutes?: number | undefined;
+    status: "AVAILABLE" | "FULL";
+}>;
+export declare const ReservationAvailabilityResponseDto: z.ZodRecord<z.ZodString, z.ZodObject<{
+    status: z.ZodEnum<["AVAILABLE", "FULL"]>;
+    /** The capacity tier ID - the actual inventory unit to book */
+    capacityTierId: z.ZodOptional<z.ZodEffects<z.ZodString, string, string>>;
+    /** The range ID - the zone/area this slot belongs to */
+    rangeId: z.ZodOptional<z.ZodEffects<z.ZodString, string, string>>;
+    /** The exact ISO start time the frontend should send back to create the booking */
+    isoStart: z.ZodOptional<z.ZodEffects<z.ZodString, string, string>>;
+    /** The exact ISO end time (Calculated: start + duration) */
+    isoEnd: z.ZodOptional<z.ZodEffects<z.ZodString, string, string>>;
+    /** Helpful metadata for the UI (e.g., "120 mins") */
+    durationMinutes: z.ZodOptional<z.ZodNumber>;
+    /** The name of the range (e.g., "VIP Room") - useful for debugging or UI labels */
+    label: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    label?: string | undefined;
+    capacityTierId?: string | undefined;
+    rangeId?: string | undefined;
+    isoStart?: string | undefined;
+    isoEnd?: string | undefined;
+    durationMinutes?: number | undefined;
+    status: "AVAILABLE" | "FULL";
+}, {
+    label?: string | undefined;
+    capacityTierId?: string | undefined;
+    rangeId?: string | undefined;
+    isoStart?: string | undefined;
+    isoEnd?: string | undefined;
+    durationMinutes?: number | undefined;
+    status: "AVAILABLE" | "FULL";
+}>>;
+export type ReservationAvailabilityResponseDto = z.infer<typeof ReservationAvailabilityResponseDto>;

package/dist/package/entity/reservation/reservation.enum.d.ts

@@ -0,0 +1,3 @@
+import { z } from 'zod';
+export declare const F_RESERVATION_STATUS: z.ZodEnum<["DRAFT", "CONFIRMED", "CANCELLED", "SEATED", "NO_SHOW"]>;
+export type F_RESERVATION_STATUS = z.infer<typeof F_RESERVATION_STATUS>;

package/dist/package/entity/reservation/reservation.utils.d.ts

@@ -0,0 +1,152 @@
+/**
+ * Duration unit type for lead time and booking duration
+ */
+export type DurationUnit = 'minute' | 'hour' | 'day';
+/**
+ * Duration object with value and unit
+ */
+export interface Duration {
+    value: number;
+    unit: DurationUnit;
+}
+/**
+ * Time range with start and end in HH:mm format
+ */
+export interface TimeRange {
+    start: string;
+    end: string;
+}
+/**
+ * Operating hours for a day
+ */
+export interface DayOperatingHours {
+    enable: boolean;
+    hours: TimeRange[];
+}
+/**
+ * Time slot with availability status
+ */
+export interface TimeSlot {
+    time: string;
+    available: boolean;
+}
+/**
+ * Converts a duration to minutes for comparison
+ * @param duration - Duration object with value and unit
+ * @returns Total minutes
+ */
+export declare function convertDurationToMinutes(duration: Duration): number;
+/**
+ * Validates that maxLeadDuration > minLeadDuration
+ * @param minLead - Minimum lead time duration
+ * @param maxLead - Maximum lead time duration
+ * @returns True if valid, false otherwise
+ */
+export declare function validateLeadDuration(minLead: Duration, maxLead: Duration): boolean;
+/**
+ * Checks if two time ranges overlap
+ * @param range1 - First time range
+ * @param range2 - Second time range
+ * @returns True if ranges overlap, false otherwise
+ */
+export declare function validateTimeRangeOverlap(range1: TimeRange, range2: TimeRange): boolean;
+/**
+ * Validates that end time is after start time for the same day
+ * @param timeRange - Time range to validate
+ * @returns True if valid (end > start), false otherwise
+ */
+export declare function validateSameDayTimeRange(timeRange: TimeRange): boolean;
+/**
+ * Generates time slots for a given time window based on slot interval and booking duration
+ *
+ * IMPORTANT: This function ensures that bookings fit within operating hours.
+ * A slot is only generated if: slotStart + bookingDuration <= windowEnd
+ *
+ * Example: If window is 17:00-22:00, slotInterval=30min, bookingDuration=90min:
+ * - 17:00 ✓ (ends at 18:30)
+ * - 17:30 ✓ (ends at 19:00)
+ * - ...
+ * - 20:30 ✓ (ends at 22:00)
+ * - 21:00 ✗ (would end at 22:30, exceeds window)
+ *
+ * @param windowStart - Start time of the window in HH:mm format
+ * @param windowEnd - End time of the window in HH:mm format
+ * @param slotInterval - Interval between slots in minutes (e.g., 30)
+ * @param bookingDuration - Duration of each booking in minutes (e.g., 60)
+ * @returns Array of time slots in HH:mm format
+ */
+export declare function generateTimeSlots(windowStart: string, windowEnd: string, slotInterval: number, bookingDuration: number): string[];
+/**
+ * Generates all time slots for a day based on operating hours configuration
+ * @param operatingHours - Operating hours configuration for the day
+ * @param slotInterval - Interval between slots in minutes
+ * @param bookingDuration - Duration of each booking in minutes
+ * @returns Array of all available time slots in HH:mm format
+ */
+export declare function generateDayTimeSlots(operatingHours: DayOperatingHours, slotInterval: number, bookingDuration: number): string[];
+/**
+ * Categorizes time slots into morning, afternoon, and evening
+ * @param slots - Array of time slots in HH:mm format
+ * @returns Object with categorized slots
+ */
+export declare function categorizeTimeSlots(slots: string[]): {
+    morning: string[];
+    afternoon: string[];
+    evening: string[];
+};
+/**
+ * Categorizes time slots with status into morning, afternoon, and evening
+ * @param slots - Array of time slots with availability status
+ * @returns Object with categorized slots
+ */
+export declare function categorizeTimeSlotsWithStatus(slots: TimeSlot[]): {
+    morning: TimeSlot[];
+    afternoon: TimeSlot[];
+    evening: TimeSlot[];
+};
+/**
+ * Checks if a time slot falls within any of the operating hour windows
+ * @param slotTime - Time in HH:mm format
+ * @param operatingHours - Operating hours configuration
+ * @returns True if slot is within operating hours, false otherwise
+ */
+export declare function isSlotWithinOperatingHours(slotTime: string, operatingHours: TimeRange[]): boolean;
+/**
+ * Generates all time slots for the entire day (00:00 - 23:59) with availability status
+ *
+ * This function generates slots for the full 24-hour period, marking each slot as:
+ * - available: true = within operating hours AND booking fits
+ * - available: false = outside operating hours OR booking doesn't fit
+ *
+ * Example: Operating hours 09:00-12:00, 15:00-21:00, slotInterval=30min, bookingDuration=60min
+ * - 08:30 ✗ (unavailable - before operating hours)
+ * - 09:00 ✓ (available)
+ * - 09:30 ✓ (available)
+ * - ...
+ * - 11:00 ✓ (available - ends at 12:00)
+ * - 11:30 ✗ (unavailable - booking would extend to 12:30, beyond window)
+ * - 12:00 ✗ (unavailable - outside operating hours)
+ * - ...
+ * - 14:30 ✗ (unavailable - outside operating hours)
+ * - 15:00 ✓ (available)
+ *
+ * @param operatingHours - Operating hours configuration for the day
+ * @param slotInterval - Interval between slots in minutes
+ * @param bookingDuration - Duration of each booking in minutes
+ * @param startTime - Start time for slot generation (default: '00:00')
+ * @param endTime - End time for slot generation (default: '23:59')
+ * @returns Array of all time slots with availability status
+ */
+export declare function generateFullDayTimeSlots(operatingHours: DayOperatingHours, slotInterval: number, bookingDuration: number, startTime?: string, endTime?: string): TimeSlot[];
+/**
+ * Generates day time slots with availability status (only for operating hours range)
+ *
+ * This generates slots only within the min/max operating hours range, not full 24h.
+ * Useful for compact displays that don't need to show very early/late unavailable slots.
+ *
+ * @param operatingHours - Operating hours configuration for the day
+ * @param slotInterval - Interval between slots in minutes
+ * @param bookingDuration - Duration of each booking in minutes
+ * @returns Array of time slots with availability status
+ */
+export declare function generateDayTimeSlotsWithStatus(operatingHours: DayOperatingHours, slotInterval: number, bookingDuration: number): TimeSlot[];

package/dist/style.css

@@ -0,0 +1 @@
+.scrollbar-thin[data-v-fc459980]::-webkit-scrollbar{width:6px}.scrollbar-thin[data-v-fc459980]::-webkit-scrollbar-track{background:transparent;border-radius:3px;margin:4px 0}.scrollbar-thin[data-v-fc459980]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.scrollbar-thin[data-v-fc459980]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.time-picker-field[data-v-fc459980] .fm-text-field-input{border-width:2px;border-radius:.75rem;padding:12px 16px;font-size:1.125rem;transition:all .2s}.time-picker-field[data-v-fc459980] .fm-text-field-input:not(:focus):not(:focus-within){border-color:#d1d5db;background-color:#fff}.time-picker-field[data-v-fc459980] .fm-text-field-input:not(:focus):not(:focus-within):hover{border-color:#9ca3af}.time-picker-field.focused[data-v-fc459980] .fm-text-field-input,.time-picker-field[data-v-fc459980] .fm-text-field-input:focus,.time-picker-field[data-v-fc459980] .fm-text-field-input:focus-within{border-color:#f97316!important;background-color:#fff7ed!important}.fm-text-field-input[data-v-6a4bdab2]{font-size:1.125rem;line-height:1.75rem}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-order-setting",
-  "version": "0.0.50",
+  "version": "0.0.52-dev.0",
   "type": "module",
   "module": "./dist/app.js",
   "license": "UNLICENSED",
@@ -30,7 +30,7 @@
     "@feedmepos/menu": "^1.7.32",
     "@feedmepos/mf-common": "1.20.0-beta.2",
     "@feedmepos/ordering": "^0.0.3",
-    "@feedmepos/ui-library": "1.5.2-beta.1",
+    "@feedmepos/ui-library": "^1.8.8",
     "@types/googlemaps": "^3.43.3",
     "axios": "^1.7.2",
     "change-case": "^5.4.4",
@@ -70,4 +70,4 @@
     "vite": "^5.1.4",
     "vue-tsc": "^2.2.0"
   }
-}
+}

package/src/api/reservation/index.ts

@@ -0,0 +1,28 @@
+import { baseClientInstance, getData } from '@/api'
+import { FdoOrderReservationSettingsV2 } from '@entity'
+
+// const baseClientInstance = () =>
+//   _baseClientInstance(undefined, 'portal', {
+//     url: 'http://localhost:3000/portal'
+//   })
+
+async function getReservationSetting(restaurantId: string): Promise<FdoOrderReservationSettingsV2> {
+  const result = await baseClientInstance().get(`/reservation/restaurant/${restaurantId}/setting`)
+  return getData<FdoOrderReservationSettingsV2>(result)
+}
+
+async function updateReservationSetting(
+  restaurantId: string,
+  payload: FdoOrderReservationSettingsV2
+): Promise<FdoOrderReservationSettingsV2> {
+  const result = await baseClientInstance().put(
+    `/reservation/restaurant/${restaurantId}/setting`,
+    payload
+  )
+  return getData<FdoOrderReservationSettingsV2>(result)
+}
+
+export const ReservationApi = {
+  getReservationSetting,
+  updateReservationSetting
+}

package/src/locales/en-US.json

@@ -231,6 +231,62 @@
         "current": "Current",
         "paxMin": "Pax Min",
         "paxMax": "Pax Max",
+        "reservation": "Reservation",
+        "reservationStatus": "Reservation Status",
+        "reservationSettings": "Reservation Settings",
+        "reservationRanges": "Reservation Ranges",
+        "reservationAvailability": "Reservation Availability",
+        "addRange": "Add Range",
+        "range": "Range",
+        "rangeName": "Range Name",
+        "priority": "Priority",
+        "priorityDescription": "Higher number = higher priority when matching slots",
+        "capacity": "Capacity",
+        "capacityDescription": "Maximum concurrent reservations for this range",
+        "minPax": "Min Pax",
+        "maxPax": "Max Pax",
+        "slotInterval": "Slot Interval",
+        "slotIntervalDescription": "Time between each available booking slot (e.g., 30 mins)",
+        "bookingDuration": "Booking Duration",
+        "bookingDurationDescription": "Duration of each reservation (e.g., 60 mins)",
+        "minLeadDays": "Min Lead Days",
+        "minLeadDaysDescription": "Minimum days in advance customers must book (0 = same day)",
+        "maxLeadDays": "Max Lead Days",
+        "maxLeadDaysDescription": "Maximum days in advance customers can book",
+        "operatingWindows": "Operating Windows",
+        "addWindow": "Add Window",
+        "startTime": "Start Time",
+        "endTime": "End Time",
+        "customPresetRemarks": "Custom Preset Remarks",
+        "addRemark": "Add Remark",
+        "noRangesConfigured": "No reservation ranges configured. Click 'Add Range' to get started.",
+        "addFirstRange": "Add your first reservation range to get started",
+        "globalSettings": "Global Settings",
+        "paxRange": "Pax Range",
+        "noOperatingHours": "No operating hours",
+        "saveAllChanges": "Save All Changes",
+        "confirmDeleteRange": "Are you sure you want to delete {name}?",
+        "settingUpdated": "Settings updated successfully",
+        "newReservationRange": "New Reservation Range",
+        "basicInformation": "Basic Information",
+        "guestRequirements": "Guest Requirements",
+        "bookingConfiguration": "Booking Configuration",
+        "rangeNamePlaceholder": "e.g., VIP Room, Main Hall",
+        "presetRemarkPlaceholder": "e.g., Window seat, Quiet area",
+        "saveRange": "Save Range",
+        "draftHoldTimeMinutes": "Draft Hold Time (Minutes)",
+        "draftHoldTimeDescription": "How long to hold a draft reservation before it expires",
+        "posCanOverbook": "POS Can Overbook",
+        "posCanOverbookDescription": "Allow POS to create reservations even when capacity is full",
+        "notificationSettings": "Notification Settings",
+        "smsEnabled": "Enable SMS Notifications",
+        "smsEnabledDescription": "Send SMS notifications to customers for reservation updates",
+        "emailEnabled": "Enable Email Notifications",
+        "emailEnabledDescription": "Send email notifications to customers for reservation updates",
+        "notifyOnConfirm": "Notify on Confirmation",
+        "notifyOnConfirmDescription": "Send notifications when a reservation is confirmed",
+        "notifyOnCancel": "Notify on Cancellation",
+        "notifyOnCancelDescription": "Send notifications when a reservation is cancelled",
         "qrPay": "QR Pay",
         "terminalScanPay": "Terminal Scan Pay",
         "terminalQrPay": "Terminal QR Pay",

package/src/locales/th-TH.json

@@ -228,6 +228,60 @@
         "current": "ปัจจุบัน",
         "paxMin": "จำนวนผู้โดยสารขั้นต่ำ",
         "paxMax": "จำนวนผู้โดยสารสูงสุด",
+        "reservation": "การจอง",
+        "reservationSettings": "การตั้งค่าการจอง",
+        "reservationRanges": "ช่วงการจอง",
+        "addRange": "เพิ่มช่วง",
+        "range": "ช่วง",
+        "rangeName": "ชื่อช่วง",
+        "priority": "ลำดับความสำคัญ",
+        "priorityDescription": "ตัวเลขที่สูงกว่า = ลำดับความสำคัญสูงกว่าเมื่อจับคู่ช่วงเวลา",
+        "capacity": "ความจุ",
+        "capacityDescription": "จำนวนการจองพร้อมกันสูงสุดสำหรับช่วงนี้",
+        "minPax": "จำนวนผู้โดยสารขั้นต่ำ",
+        "maxPax": "จำนวนผู้โดยสารสูงสุด",
+        "slotInterval": "ช่วงเวลา",
+        "slotIntervalDescription": "เวลาระหว่างช่วงการจองที่ว่าง (เช่น 30 นาที)",
+        "bookingDuration": "ระยะเวลาการจอง",
+        "bookingDurationDescription": "ระยะเวลาของการจองแต่ละครั้ง (เช่น 60 นาที)",
+        "minLeadDays": "จำนวนวันล่วงหน้าขั้นต่ำ",
+        "minLeadDaysDescription": "จำนวนวันขั้นต่ำที่ลูกค้าต้องจองล่วงหน้า (0 = วันเดียวกัน)",
+        "maxLeadDays": "จำนวนวันล่วงหน้าสูงสุด",
+        "maxLeadDaysDescription": "จำนวนวันสูงสุดที่ลูกค้าสามารถจองล่วงหน้าได้",
+        "operatingWindows": "ช่วงเวลาทำการ",
+        "addWindow": "เพิ่มช่วงเวลา",
+        "startTime": "เวลาเริ่มต้น",
+        "endTime": "เวลาสิ้นสุด",
+        "customPresetRemarks": "หมายเหตุที่กำหนดไว้ล่วงหน้า",
+        "addRemark": "เพิ่มหมายเหตุ",
+        "noRangesConfigured": "ยังไม่มีการกำหนดช่วงการจอง คลิก 'เพิ่มช่วง' เพื่อเริ่มต้น",
+        "addFirstRange": "เพิ่มช่วงการจองแรกของคุณเพื่อเริ่มต้น",
+        "globalSettings": "การตั้งค่าทั่วไป",
+        "paxRange": "ช่วงจำนวนผู้โดยสาร",
+        "noOperatingHours": "ไม่มีเวลาทำการ",
+        "saveAllChanges": "บันทึกการเปลี่ยนแปลงทั้งหมด",
+        "confirmDeleteRange": "คุณแน่ใจหรือไม่ว่าต้องการลบ {name}?",
+        "settingUpdated": "อัปเดตการตั้งค่าสำเร็จ",
+        "newReservationRange": "ช่วงการจองใหม่",
+        "basicInformation": "ข้อมูลพื้นฐาน",
+        "guestRequirements": "ความต้องการของแขก",
+        "bookingConfiguration": "การกำหนดค่าการจอง",
+        "rangeNamePlaceholder": "เช่น ห้อง VIP, ห้องโถง",
+        "presetRemarkPlaceholder": "เช่น ที่นั่งริมหน้าต่าง, พื้นที่เงียบ",
+        "saveRange": "บันทึกช่วง",
+        "draftHoldTimeMinutes": "เวลาเก็บร่าง (นาที)",
+        "draftHoldTimeDescription": "ระยะเวลาในการเก็บการจองแบบร่างก่อนที่จะหมดอายุ",
+        "posCanOverbook": "POS สามารถจองเกินได้",
+        "posCanOverbookDescription": "อนุญาตให้ POS สร้างการจองแม้ว่าความจุเต็มแล้ว",
+        "notificationSettings": "การตั้งค่าการแจ้งเตือน",
+        "smsEnabled": "เปิดใช้งานการแจ้งเตือนผ่าน SMS",
+        "smsEnabledDescription": "ส่งการแจ้งเตือนผ่าน SMS ให้กับลูกค้าสำหรับการอัพเดทการจอง",
+        "emailEnabled": "เปิดใช้งานการแจ้งเตือนผ่านอีเมล",
+        "emailEnabledDescription": "ส่งการแจ้งเตือนผ่านอีเมลให้กับลูกค้าสำหรับการอัพเดทการจอง",
+        "notifyOnConfirm": "แจ้งเตือนเมื่อยืนยัน",
+        "notifyOnConfirmDescription": "ส่งการแจ้งเตือนเมื่อการจองได้รับการยืนยัน",
+        "notifyOnCancel": "แจ้งเตือนเมื่อยกเลิก",
+        "notifyOnCancelDescription": "ส่งการแจ้งเตือนเมื่อการจองถูกยกเลิก",
         "qrPay": "ชำระเงินด้วย QR",
         "terminalScanPay": "ชำระเงินด้วยการสแกนเทอร์มินัล",
         "terminalQrPay": "ชำระเงินด้วย QR เทอร์มินัล",