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

package/src/locales/zh-CN.json

@@ -232,6 +232,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": "启用短信通知",
+        "smsEnabledDescription": "向客户发送预订更新的短信通知",
+        "emailEnabled": "启用电子邮件通知",
+        "emailEnabledDescription": "向客户发送预订更新的电子邮件通知",
+        "notifyOnConfirm": "确认时通知",
+        "notifyOnConfirmDescription": "当预订被确认时发送通知",
+        "notifyOnCancel": "取消时通知",
+        "notifyOnCancelDescription": "当预订被取消时发送通知",
         "qrPay": "二维码支付",
         "terminalScanPay": "终端扫描支付",
         "terminalQrPay": "终端二维码支付",

package/src/main.ts

@@ -16,6 +16,8 @@ import zhCN from "./locales/zh-CN.json"
 import thTH from "./locales/th-TH.json"
 import jaJP from "./locales/ja-JP.json"
 
+import { setEnabledLocales } from "@feedmepos/mf-common"
+
 export const i18nMessages = {
     "en-US": enUS,
     "zh-CN": zhCN,
@@ -34,15 +36,15 @@ function initI18n(): I18n {
 
 const app = createApp(Entry)
 
+app.use(initI18n())
+app.use(createPinia())
+app.use(router)
+
+
 app.use(FeedMeUI, {
     locale: detectLocale(),
 })
 
-app.use(createPinia() as any)
-app.use(router)
-app.use(initI18n() as any)
-
-
 const CoreStore = useCoreStore();
 const iframeMode = computed(() => {
     return new URLSearchParams(window.location.search).get('iframe') === 'true';

package/src/stores/order-setting/mapper.ts

@@ -107,10 +107,10 @@ const toKiosk = (
       enabled: kioskOrderSettings?.canTakeaway ?? false,
       submitOrderInstruction: kioskOrderSettings?.takeaway?.submitOrderInstruction
         ? {
-          payAtCounter:
-            kioskOrderSettings?.takeaway?.submitOrderInstruction?.payAtCounter?.['en'] ?? null,
-          paid: kioskOrderSettings?.takeaway?.submitOrderInstruction?.paid?.['en'] ?? null
-        }
+            payAtCounter:
+              kioskOrderSettings?.takeaway?.submitOrderInstruction?.payAtCounter?.['en'] ?? null,
+            paid: kioskOrderSettings?.takeaway?.submitOrderInstruction?.paid?.['en'] ?? null
+          }
         : defaultSubmitOrderInstruction
     },
     paymentSetting: {
@@ -144,35 +144,35 @@ const toKioskDineInSetting = (
     sequenceNumber: kioskDineInSeq,
     pickUp: kioskDineInSetting?.pickUp
       ? {
-        ...kioskDineInSetting.pickUp,
-        submitOrderInstruction: kioskDineInSetting.pickUp.submitOrderInstruction
-          ? {
-            payAtCounter:
-              kioskDineInSetting.pickUp.submitOrderInstruction?.payAtCounter?.['en'] ?? null,
-            paid: kioskDineInSetting.pickUp.submitOrderInstruction?.paid?.['en'] ?? null
-          }
-          : defaultSubmitOrderInstruction,
-        enablePaxDialog: kioskDineInSetting.pickUp.enablePaxDialog
-          ? kioskDineInSetting.pickUp.enablePaxDialog
-          : false
-      }
+          ...kioskDineInSetting.pickUp,
+          submitOrderInstruction: kioskDineInSetting.pickUp.submitOrderInstruction
+            ? {
+                payAtCounter:
+                  kioskDineInSetting.pickUp.submitOrderInstruction?.payAtCounter?.['en'] ?? null,
+                paid: kioskDineInSetting.pickUp.submitOrderInstruction?.paid?.['en'] ?? null
+              }
+            : defaultSubmitOrderInstruction,
+          enablePaxDialog: kioskDineInSetting.pickUp.enablePaxDialog
+            ? kioskDineInSetting.pickUp.enablePaxDialog
+            : false
+        }
       : defaultPickUp,
     displayStand: kioskDineInSetting?.displayStand
       ? {
-        enabled: kioskDineInSetting.displayStand.enabled,
-        standSlotRange: kioskDineInSetting.displayStand.standSlotRange,
-        prefix: kioskDineInSetting.displayStand.prefix,
-        padDigit: kioskDineInSetting.displayStand.padDigit,
-        enablePaxDialog: kioskDineInSetting.displayStand.enablePaxDialog ?? false,
-        submitOrderInstruction: kioskDineInSetting.displayStand.submitOrderInstruction
-          ? {
-            payAtCounter:
-              kioskDineInSetting.displayStand.submitOrderInstruction?.payAtCounter?.['en'] ??
-              null,
-            paid: kioskDineInSetting.displayStand.submitOrderInstruction?.paid?.['en'] ?? null
-          }
-          : defaultSubmitOrderInstruction
-      }
+          enabled: kioskDineInSetting.displayStand.enabled,
+          standSlotRange: kioskDineInSetting.displayStand.standSlotRange,
+          prefix: kioskDineInSetting.displayStand.prefix,
+          padDigit: kioskDineInSetting.displayStand.padDigit,
+          enablePaxDialog: kioskDineInSetting.displayStand.enablePaxDialog ?? false,
+          submitOrderInstruction: kioskDineInSetting.displayStand.submitOrderInstruction
+            ? {
+                payAtCounter:
+                  kioskDineInSetting.displayStand.submitOrderInstruction?.payAtCounter?.['en'] ??
+                  null,
+                paid: kioskDineInSetting.displayStand.submitOrderInstruction?.paid?.['en'] ?? null
+              }
+            : defaultSubmitOrderInstruction
+        }
       : defaultDisplayStand
   }
 }
@@ -189,13 +189,13 @@ const toOrderKioskSettingsDto = (
       submitOrderInstruction: {
         payAtCounter: dineInSetting.displayStand.submitOrderInstruction?.payAtCounter
           ? {
-            en: dineInSetting.displayStand.submitOrderInstruction.payAtCounter
-          }
+              en: dineInSetting.displayStand.submitOrderInstruction.payAtCounter
+            }
           : null,
         paid: dineInSetting.displayStand.submitOrderInstruction?.paid
           ? {
-            en: dineInSetting.displayStand.submitOrderInstruction.paid
-          }
+              en: dineInSetting.displayStand.submitOrderInstruction.paid
+            }
           : null
       }
     },
@@ -204,13 +204,13 @@ const toOrderKioskSettingsDto = (
       submitOrderInstruction: {
         payAtCounter: dineInSetting.pickUp.submitOrderInstruction?.payAtCounter
           ? {
-            en: dineInSetting.pickUp.submitOrderInstruction.payAtCounter
-          }
+              en: dineInSetting.pickUp.submitOrderInstruction.payAtCounter
+            }
           : null,
         paid: dineInSetting.pickUp.submitOrderInstruction?.paid
           ? {
-            en: dineInSetting.pickUp.submitOrderInstruction.paid
-          }
+              en: dineInSetting.pickUp.submitOrderInstruction.paid
+            }
           : null
       }
     }
@@ -223,19 +223,19 @@ const toOrderKioskSettingsDto = (
     paymentSetting: createPaymentSettings(kioskSetting.paymentSetting),
     takeaway: kioskSetting.takeaway.submitOrderInstruction
       ? {
-        submitOrderInstruction: {
-          payAtCounter: kioskSetting.takeaway.submitOrderInstruction.payAtCounter
-            ? {
-              en: kioskSetting.takeaway.submitOrderInstruction.payAtCounter
-            }
-            : null,
-          paid: kioskSetting.takeaway.submitOrderInstruction.paid
-            ? {
-              en: kioskSetting.takeaway.submitOrderInstruction.paid
-            }
-            : null
+          submitOrderInstruction: {
+            payAtCounter: kioskSetting.takeaway.submitOrderInstruction.payAtCounter
+              ? {
+                  en: kioskSetting.takeaway.submitOrderInstruction.payAtCounter
+                }
+              : null,
+            paid: kioskSetting.takeaway.submitOrderInstruction.paid
+              ? {
+                  en: kioskSetting.takeaway.submitOrderInstruction.paid
+                }
+              : null
+          }
         }
-      }
       : undefined
   })
 

package/src/views/kiosk/settings/KioskPaymentTypeSection.vue

@@ -92,16 +92,6 @@ const initializeCheckboxes = () => {
       eWalletPaymentCheckboxVal.value.push(F_ORDER_E_PAYMENT_TYPE.enum.SCANPAY)
       useEwallet.value = true
     }
-
-    if (props.ePaymentTypes.eWallet.terminalScanPay) {
-      eWalletPaymentCheckboxVal.value.push(F_ORDER_E_PAYMENT_TYPE.enum.TERMINAL_SCAN_PAY)
-      useEwallet.value = true
-    }
-
-    if (props.ePaymentTypes.eWallet.terminalQrPay) {
-      eWalletPaymentCheckboxVal.value.push(F_ORDER_E_PAYMENT_TYPE.enum.TERMINAL_QR_PAY)
-      useEwallet.value = true
-    }
   }
 }
 
@@ -164,9 +154,7 @@ const handleEPaymentCardUpdate = (ev: string) => {
     },
     eWallet: {
       qrPay: false,
-      scanPay: false,
-      terminalScanPay: false,
-      terminalQrPay: false,
+      scanPay: false
     }
   } as FdoEPaymentMethod
 
@@ -187,12 +175,6 @@ const handleEPaymentCardUpdate = (ev: string) => {
       if (eWalletPaymentCheckboxVal.value.includes(F_ORDER_E_PAYMENT_TYPE.enum.SCANPAY)) {
         ePaymentObj.eWallet.scanPay = true
       }
-      if (eWalletPaymentCheckboxVal.value.includes(F_ORDER_E_PAYMENT_TYPE.enum.TERMINAL_SCAN_PAY)) {
-        ePaymentObj.eWallet.terminalScanPay = true
-      }
-      if (eWalletPaymentCheckboxVal.value.includes(F_ORDER_E_PAYMENT_TYPE.enum.TERMINAL_QR_PAY)) {
-        ePaymentObj.eWallet.terminalQrPay = true
-      }
     }
   }
 

package/src/views/order-settings/OrderSettingsView.vue

@@ -27,6 +27,7 @@ import SmsSetting from './sms/SmsSetting.vue'
 
 import GeneralSetting from './general/GeneralSetting.vue'
 import QueueSetting from './queue/QueueSetting.vue'
+import ReservationSetting from './reservation/ReservationSetting.vue'
 import { useI18n, useCoreStore } from '@feedmepos/mf-common'
 import { useMenuStore } from '@/stores/menu/menu'
 import { useSnackbarFunctions } from '@/components/snackbar'
@@ -45,6 +46,7 @@ type OrderSettingMenuItemValue =
   // | 'discountRule'
   | 'general'
   | 'queue'
+  | 'reservation'
 const selectedOrderSetting = ref<OrderSettingMenuItemValue>('delivery')
 
 const settingItem = computed<FmTabProps[]>(() => [
@@ -56,7 +58,8 @@ const settingItem = computed<FmTabProps[]>(() => [
   // { label: t('order.discountRule.title'), value: 'discountRule' },
   { label: t('order.sms'), value: 'sms' },
   { label: t('order.general'), value: 'general' },
-  { label: t('order.queue'), value: 'queue' }
+  { label: t('order.queue'), value: 'queue' },
+  { label: t('order.reservation'), value: 'reservation' }
 ])
 
 const currentComponent = computed(() => {
@@ -79,6 +82,8 @@ const currentComponent = computed(() => {
       return GeneralSetting
     case 'queue':
       return QueueSetting
+    case 'reservation':
+      return ReservationSetting
   }
 })
 
@@ -88,7 +93,7 @@ onMounted(async () => {
   }
 })
 
-watch(currentRestaurant, async (newRestaurant: any) => {
+watch(currentRestaurant, async (newRestaurant) => {
   if (newRestaurant?._id) {
     await menuStore.loadCatalogOptions(newRestaurant._id)
   }

package/src/views/order-settings/delivery/integrated-delivery/IntegratedDelivery.vue

@@ -56,7 +56,9 @@ const emits = defineEmits<{
 const menuStore = useMenuStore()
 const CoreStore = useCoreStore()
 
-const canEdit = computed(() => CoreStore.sessionUser.value?.role.isAdmin ?? false)
+// const canEdit = computed(() => CoreStore.sessionUser.value?.role.isAdmin ?? false)
+// For now, allow all users to edit, but added detail logging in backend
+const canEdit = computed(() => true)
 
 function updateManual(manual: FdoLinkedDelivery | null) {
   emits('update:model-value', {

package/src/views/order-settings/drive-thru/DriveThruSetting.vue

@@ -5,37 +5,21 @@
   <div v-if="!isLoading">
     <div class="p-[1.5rem] flex flex-col gap-5 m-5 w-2/3">
       <div class="flex-grow fm-typo-en-title-sm-600">{{ t('order.generalSetting') }}</div>
-      <FmSwitch
-        v-model="driveThruSetting.enabled"
-        value="enabled"
-        :label="t('order.enableDriveThru')"
-        :sublabel="t('order.enableDriveThruSublabel')"
-        label-placement="right"
-      />
-      <FmSelect
-        v-if="driveThruSetting.enabled"
-        class="w-1/2"
-        :placeholder="t('order.selectItem')"
-        :model-value="driveThruSetting.catalogId"
-        :label="t('order.catalog')"
-        :items="menuStore.catalogOptions"
-        @update:model-value="updateCatalogId"
-      />
+      <FmSwitch v-model="driveThruSetting.enabled" value="enabled" :label="t('order.enableDriveThru')"
+        :sublabel="t('order.enableDriveThruSublabel')" label-placement="right" />
+      <FmSelect v-if="driveThruSetting.enabled" class="w-1/2" :placeholder="t('order.selectItem')"
+        :model-value="driveThruSetting.catalogId" :label="t('order.catalog')" :items="menuStore.catalogOptions"
+        @update:model-value="updateCatalogId" />
     </div>
     <div class="fm-corner-radius-lg flex flex-col gap-5 m-5">
-      <FmButton
-        variant="primary"
-        :label="t('order.saveSetting')"
-        class="mr-auto"
-        @click="updateDriveThruSetting"
-      />
+      <FmButton variant="primary" :label="t('order.saveSetting')" class="mr-auto" @click="updateDriveThruSetting" />
     </div>
   </div>
   <FmCircularProgress size="xxl" v-else />
 </template>
 
 <script setup lang="ts">
-import { type FdoRestaurantDriveThru } from '@feedmepos/core/entity'
+import { FdoRestaurant, type FdoRestaurantDriveThru } from '@feedmepos/core/entity'
 import RestaurantSelector from '../components/RestaurantSelector.vue'
 import { onMounted, ref, watch } from 'vue'
 import { useRestaurantStore } from '@/stores/restaurant'
@@ -73,7 +57,7 @@ async function updateDriveThruSetting() {
     if (newDriveThruSetting) {
       await restaurantStore.updateDriveThruSetting(newDriveThruSetting)
       if (currentRestaurant.value) {
-        ;(currentRestaurant.value as any).driveThru = newDriveThruSetting
+        (currentRestaurant.value as unknown as FdoRestaurant).driveThru = newDriveThruSetting
       }
     }
   })
@@ -82,9 +66,10 @@ async function updateDriveThruSetting() {
 
 watch(
   () => currentRestaurant.value,
-  async (newRestaurant) => {
-    if ((newRestaurant as any)?.driveThru) {
-      driveThruSetting.value = utils.clone((newRestaurant as any).driveThru)
+  async (_newRestaurant) => {
+    const newRestaurant = _newRestaurant as unknown as FdoRestaurant;
+    if (newRestaurant?.driveThru) {
+      driveThruSetting.value = utils.clone(newRestaurant.driveThru)
     } else {
       driveThruSetting.value = initDriveThruSetting()
     }
@@ -93,7 +78,7 @@ watch(
 )
 
 onMounted(async () => {
-  const newRestaurant = currentRestaurant.value as any
+  const newRestaurant = currentRestaurant.value as unknown as FdoRestaurant;
   if (newRestaurant?.driveThru) {
     driveThruSetting.value = utils.clone(newRestaurant.driveThru)
   }

package/src/views/order-settings/reservation/CopySettingsSheet.vue

@@ -0,0 +1,238 @@
+<template>
+  <FmSideSheet :max-width="560" v-model="showSheet">
+    <template #side-sheet-button>
+      <FmButton label="Copy settings from another restaurant" icon="edit" variant="plain"
+        class="border-1 rounded-lg border-fm-color-primary" />
+    </template>
+
+    <template #side-sheet-header> Copy settings from </template>
+
+    <template #default>
+      <div class="flex flex-col gap-24">
+        <!-- Restaurant Selector -->
+        <div>
+          <FmSelect :items="availableRestaurants" :model-value="selectedRestaurantId"
+            @update:model-value="(v: string) => (selectedRestaurantId = v)" placeholder="Select" :width="512" />
+        </div>
+
+        <!-- Configuration Section -->
+        <div>
+          <div class="fm-typo-en-title-sm-600 mb-16">Configuration</div>
+
+          <div class="flex flex-col gap-12">
+            <!-- All Checkbox -->
+            <FmCheckbox label="All" :model-value="isAllSelected" value="all" @update:model-value="toggleAll" />
+
+            <!-- Individual Configuration Checkboxes -->
+            <FmCheckbox label="Reservation Availability" :model-value="configOptions.reservationAvailability"
+              value="reservationAvailability"
+              @update:model-value="(v: boolean) => updateConfigOption('reservationAvailability', v)" />
+
+            <FmCheckbox label="Time Settings" :model-value="configOptions.timeSettings" value="timeSettings"
+              @update:model-value="(v: boolean) => updateConfigOption('timeSettings', v)" />
+
+            <FmCheckbox label="Table Capacity Settings" :model-value="configOptions.tableCapacity" value="tableCapacity"
+              @update:model-value="(v: boolean) => updateConfigOption('tableCapacity', v)" />
+
+            <FmCheckbox label="Pre-order" :model-value="configOptions.preorder" value="preorder"
+              @update:model-value="(v: boolean) => updateConfigOption('preorder', v)" />
+
+            <FmCheckbox label="Guest Preferences" :model-value="configOptions.guestPreferences" value="guestPreferences"
+              @update:model-value="(v: boolean) => updateConfigOption('guestPreferences', v)" />
+
+            <FmCheckbox label="Guest Message" :model-value="configOptions.guestMessage" value="guestMessage"
+              @update:model-value="(v: boolean) => updateConfigOption('guestMessage', v)" />
+
+            <FmCheckbox label="Cancellation Policy" :model-value="configOptions.cancellationPolicy"
+              value="cancellationPolicy"
+              @update:model-value="(v: boolean) => updateConfigOption('cancellationPolicy', v)" />
+          </div>
+        </div>
+      </div>
+    </template>
+
+    <template #side-sheet-footer>
+      <div class="flex items-center justify-start gap-8">
+        <FmButton label="Apply" @click="handleApply" :disabled="!canApply" :loading="isLoading" />
+        <FmButton label="Cancel" variant="tertiary" @click="handleCancel" />
+      </div>
+    </template>
+  </FmSideSheet>
+</template>
+
+<script setup lang="ts">
+import { useCoreStore, useI18n } from '@feedmepos/mf-common'
+import { computed, ref } from 'vue'
+import { ReservationApi } from '@/api/reservation'
+import { useSnackbarFunctions } from '@/components/snackbar'
+import type { FdoOrderReservationSettingsV2 } from '@entity'
+
+const { t } = useI18n()
+const { showSuccess, showError } = useSnackbarFunctions()
+const Core = useCoreStore()
+
+// Props
+const props = defineProps<{
+  currentSettings: FdoOrderReservationSettingsV2
+}>()
+
+// Emits
+const emit = defineEmits<{
+  apply: [settings: Partial<FdoOrderReservationSettingsV2>]
+}>()
+
+// State
+const showSheet = ref(false)
+const isLoading = ref(false)
+
+const configOptions = ref({
+  reservationAvailability: false,
+  timeSettings: false,
+  tableCapacity: false,
+  preorder: false,
+  guestPreferences: false,
+  guestMessage: false,
+  cancellationPolicy: false
+})
+
+// Computed
+const { currentRestaurant } = Core
+
+const availableRestaurants = computed(() => {
+  // Filter out current restaurant from the list
+  return (Core.restaurants.value ?? [])
+    .filter((r) => r._id !== currentRestaurant.value?._id)
+    .map((r) => ({ label: r.profile.name, value: r._id }))
+})
+
+const selectedRestaurantId = ref<string>(availableRestaurants.value[0]?.value)
+
+
+const isAllSelected = computed(() => {
+  return Object.values(configOptions.value).every((v) => v === true)
+})
+
+const canApply = computed(() => {
+  return (
+    selectedRestaurantId.value !== '' && Object.values(configOptions.value).some((v) => v === true)
+  )
+})
+
+// Methods
+function toggleAll(value: boolean) {
+  Object.keys(configOptions.value).forEach((key) => {
+    configOptions.value[key as keyof typeof configOptions.value] = value
+  })
+}
+
+function updateConfigOption(key: keyof typeof configOptions.value, value: boolean) {
+  configOptions.value[key] = value
+}
+
+async function handleApply() {
+  if (!selectedRestaurantId.value) {
+    showError('Please select a restaurant')
+    return
+  }
+
+  if (!Object.values(configOptions.value).some((v) => v)) {
+    showError('Please select at least one configuration option')
+    return
+  }
+
+  try {
+    isLoading.value = true
+
+    // Fetch settings from selected restaurant
+    const sourceSettings = await ReservationApi.getReservationSetting(selectedRestaurantId.value)
+
+    if (!sourceSettings || !sourceSettings.ranges || sourceSettings.ranges.length === 0) {
+      showError('No settings found for the selected restaurant')
+      return
+    }
+
+    // Build partial settings object based on selected options
+    const updatedSettings: Partial<FdoOrderReservationSettingsV2> = {}
+    const sourceRange = sourceSettings.ranges[0]
+    const currentRange = props.currentSettings.ranges[0]
+
+    // Create a copy of the current range to modify
+    const updatedRange = { ...currentRange }
+
+    // Copy selected configuration sections
+    if (configOptions.value.reservationAvailability) {
+      // Copy enable state, min/max lead duration
+      updatedRange.enable = sourceRange.enable
+      updatedRange.minLeadDuration = { ...sourceRange.minLeadDuration }
+      updatedRange.maxLeadDuration = { ...sourceRange.maxLeadDuration }
+    }
+
+    if (configOptions.value.timeSettings) {
+      // Copy operating hours, slot interval, booking duration
+      updatedRange.operatingHours = JSON.parse(JSON.stringify(sourceRange.operatingHours))
+      updatedRange.slotInterval = sourceRange.slotInterval
+      updatedRange.bookingDuration = sourceRange.bookingDuration
+    }
+
+    if (configOptions.value.tableCapacity) {
+      // Copy capacity tiers
+      updatedRange.capacityTiers = JSON.parse(JSON.stringify(sourceRange.capacityTiers))
+    }
+
+    if (configOptions.value.preorder) {
+      // Copy preorder setting
+      updatedRange.enablePreorder = sourceRange.enablePreorder
+    }
+
+    if (configOptions.value.guestPreferences) {
+      // Copy preferences
+      updatedRange.preferences = JSON.parse(JSON.stringify(sourceRange.preferences))
+    }
+
+    if (configOptions.value.guestMessage) {
+      // Copy guest message
+      updatedRange.guestMessage = sourceRange.guestMessage
+    }
+
+    if (configOptions.value.cancellationPolicy) {
+      // Copy cancellation policy
+      updatedRange.cancellationPolicy = sourceRange.cancellationPolicy
+    }
+
+    // Update the settings with the modified range
+    updatedSettings.ranges = [updatedRange]
+
+    // Emit the updated settings to parent
+    emit('apply', updatedSettings)
+
+    // Close the side sheet
+    showSheet.value = false
+
+    // Reset form
+    resetForm()
+  } catch (error) {
+    console.error('Error copying settings:', error)
+    showError('Failed to copy settings. Please try again.')
+  } finally {
+    isLoading.value = false
+  }
+}
+
+function handleCancel() {
+  showSheet.value = false
+  resetForm()
+}
+
+function resetForm() {
+  selectedRestaurantId.value = ''
+  configOptions.value = {
+    reservationAvailability: false,
+    timeSettings: false,
+    tableCapacity: false,
+    preorder: false,
+    guestPreferences: false,
+    guestMessage: false,
+    cancellationPolicy: false
+  }
+}
+</script>