@feedmepos/mf-order-setting 0.0.47 → 0.0.49

package/src/locales/th-TH.json

@@ -97,6 +97,10 @@
         "deviceDetails": "รายละเอียดอุปกรณ์",
         "dineIn": "รับประทานอาหารที่ร้าน",
         "dineInCanTakeaway": "อนุญาตให้นำกลับบ้าน",
+        "driveThru": "ไดรฟ์ทรู",
+        "driveThruSettingUpdated": "อัปเดตการตั้งค่าไดรฟ์ทรูแล้ว",
+        "enableDriveThru": "เปิดใช้งานไดรฟ์ทรู",
+        "enableDriveThruSublabel": "เปิดใช้งานการสั่งอาหารไดรฟ์ทรูสำหรับลูกค้า",
         "dineInType": "ประเภทรับประทานอาหารที่ร้าน",
         "discountCampaign": "แคมเปญส่วนลด",
         "displayStand": "แท่นวางสินค้า",
@@ -122,6 +126,11 @@
         "feedmeExpressPayoutAccIssue": "จำเป็นต้องมีบัญชีการจ่ายเงินเพื่อเปิดใช้งาน FeedMe Express",
         "feedmeExpressPosVersionIssue": "จำเป็นต้องมีเวอร์ชัน POS ขั้นต่ำ {minVersion} สำหรับ FeedMe Express",
         "feedmeExpressTitle": "อัปเดต FeedMe express",
+        "feedmeExpressDeprecationTitle": "FeedMe Express — ปิดรับสมัคร บริการสิ้นสุด 1 ก.พ. 2026",
+        "feedmeExpressDeprecationMessage": "การสมัคร FeedMe Express ปิดรับทันที บริการสำหรับร้านค้าที่มีอยู่จะสิ้นสุดในวันที่ 1 ก.พ. 2026 ติดต่อฝ่ายสนับสนุนเพื่อหาทางเลือกอื่น",
+        "feedmeExpressDeprecationThanks": "ขอบคุณสำหรับการสนับสนุนอย่างต่อเนื่อง",
+        "feedmeExpressDeprecationConfirm": "ฉันเข้าใจแล้ว",
+        "feedmeExpressAdminOnly": "การตั้งค่า FeedMe Express เป็นแบบอ่านอย่างเดียว ติดต่อผู้ดูแลระบบเพื่อทำการเปลี่ยนแปลง",
         "fieldCannotBeEmpty": "ไม่สามารถเว้นช่องได้",
         "followDineIn": "ทำตามการรับประทานอาหารที่ร้าน",
         "fixedTime": "เวลาที่กำหนด",
@@ -222,6 +231,7 @@
         "qrPay": "ชำระเงินด้วย QR",
         "terminalScanPay": "ชำระเงินด้วยการสแกนเทอร์มินัล",
         "terminalQrPay": "ชำระเงินด้วย QR เทอร์มินัล",
+        "terminalPaymentDescription": "ชำระเงินโดยใช้เครื่องเทอร์มินัลที่รวมอยู่ในระบบ",
         "rate": "อัตรา",
         "rateLimitWarning": "กรุณารอ 1 นาทีแล้วซิงค์อีกครั้ง",
         "remoteId": "รหัสประจำตัวระยะไกล",

package/src/locales/zh-CN.json

@@ -98,6 +98,10 @@
         "deviceDetails": "设备详情",
         "dineIn": "堂食",
         "dineInCanTakeaway": "允许外带",
+        "driveThru": "得来速",
+        "driveThruSettingUpdated": "得来速设置已更新。",
+        "enableDriveThru": "启用得来速",
+        "enableDriveThruSublabel": "为顾客启用得来速点餐",
         "dineInType": "堂食类型",
         "discountCampaign": "促销活动",
         "displayStand": "桌牌",
@@ -126,6 +130,11 @@
         "feedmeExpressPayoutAccIssue": "需要设置支付账户才能启用FeedMe外卖快递",
         "feedmeExpressPosVersionIssue": "需要最低{minVersion}版本的POS系统才能使用FeedMe外卖快递",
         "feedmeExpressTitle": "更新 Feedme 外卖快递",
+        "feedmeExpressDeprecationTitle": "FeedMe Express — 注册已关闭，服务将于 2026 年 2 月 1 日结束",
+        "feedmeExpressDeprecationMessage": "FeedMe Express 注册即日起关闭。现有商家的服务将于 2026 年 2 月 1 日结束。请联系客服了解其他选择。",
+        "feedmeExpressDeprecationThanks": "感谢您一直以来的支持。",
+        "feedmeExpressDeprecationConfirm": "我已了解",
+        "feedmeExpressAdminOnly": "FeedMe Express 设置为只读。如需更改请联系管理员。",
         "fieldCannotBeEmpty": "字段不可为空",
         "followDineIn": "跟随堂食",
         "fixedTime": "固定时间",
@@ -226,6 +235,7 @@
         "qrPay": "二维码支付",
         "terminalScanPay": "终端扫描支付",
         "terminalQrPay": "终端二维码支付",
+        "terminalPaymentDescription": "通过集成的终端设备进行支付。",
         "rate": "费率",
         "remoteId": "平台注册ID",
         "restaurant": "餐厅",

package/src/main.ts

@@ -14,11 +14,13 @@ import { createFeedMeI18n, type I18n, detectLocale } from "@feedmepos/mf-common"
 import enUS from "./locales/en-US.json"
 import zhCN from "./locales/zh-CN.json"
 import thTH from "./locales/th-TH.json"
+import jaJP from "./locales/ja-JP.json"
 
 export const i18nMessages = {
     "en-US": enUS,
     "zh-CN": zhCN,
     "th-TH": thTH,
+    "ja-JP": jaJP,
 }
 
 function initI18n(): I18n {
@@ -36,9 +38,9 @@ app.use(FeedMeUI, {
     locale: detectLocale(),
 })
 
-app.use(createPinia())
+app.use(createPinia() as any)
 app.use(router)
-app.use(initI18n())
+app.use(initI18n() as any)
 
 
 const CoreStore = useCoreStore();

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

@@ -55,13 +55,14 @@ export const defaultKioskOrderSetting: MfKioskOrderSettingForm = {
     enabled: false,
     pickUp: defaultPickUp,
     sequenceNumber: FdoOrderKioskDineInSequence.parse({}),
-    displayStand: defaultDisplayStand,
+    displayStand: defaultDisplayStand
   },
   takeaway: defaultTakeaway,
   paymentSetting: {
     paymentTypes: [],
     offlinePaymentTypes: [],
     ePaymentTypes: {
+      terminal: false,
       card: {
         terminal: false,
         nfc: false
@@ -72,10 +73,10 @@ export const defaultKioskOrderSetting: MfKioskOrderSettingForm = {
         qrPay: false,
         scanPay: false
       }
-    },
+    }
   },
   menuItem: {
-    showAllOnly: false,
+    showAllOnly: false
   }
 }
 
@@ -90,35 +91,46 @@ const convertOrderSettingDto = (dto: OrderSettingsDto): MfOrderSetting => {
   }
 }
 
-const toKiosk = (kioskOrderSettings: OrderKioskSettings | null | undefined, kioskDineInSeq?: OrderKioskDineInSequenceDto): MfKioskOrderSetting => {
+const toKiosk = (
+  kioskOrderSettings: OrderKioskSettings | null | undefined,
+  kioskDineInSeq?: OrderKioskDineInSequenceDto
+): MfKioskOrderSetting => {
   return {
-    dineIn: toKioskDineInSetting(kioskDineInSeq ?? {
-      current: 0,
-      prefix: '#K',
-    }, kioskOrderSettings?.dineIn ?? undefined),
+    dineIn: toKioskDineInSetting(
+      kioskDineInSeq ?? {
+        current: 0,
+        prefix: '#K'
+      },
+      kioskOrderSettings?.dineIn ?? undefined
+    ),
     takeaway: {
       enabled: kioskOrderSettings?.canTakeaway ?? false,
-      submitOrderInstruction: kioskOrderSettings?.takeaway?.submitOrderInstruction ? {
-        payAtCounter: kioskOrderSettings?.takeaway?.submitOrderInstruction?.payAtCounter?.['en'] ?? null,
-        paid: kioskOrderSettings?.takeaway?.submitOrderInstruction?.paid?.['en'] ?? null,
-      } : defaultSubmitOrderInstruction,
+      submitOrderInstruction: kioskOrderSettings?.takeaway?.submitOrderInstruction
+        ? {
+          payAtCounter:
+            kioskOrderSettings?.takeaway?.submitOrderInstruction?.payAtCounter?.['en'] ?? null,
+          paid: kioskOrderSettings?.takeaway?.submitOrderInstruction?.paid?.['en'] ?? null
+        }
+        : defaultSubmitOrderInstruction
     },
     paymentSetting: {
       paymentTypes: kioskOrderSettings?.paymentSetting?.paymentTypes ?? [],
       offlinePaymentTypes: kioskOrderSettings?.paymentSetting?.offlinePaymentTypes ?? [],
-      ePaymentTypes: kioskOrderSettings?.paymentSetting?.ePaymentTypes ?? FdoEPaymentMethod.parse({
-        card: {
-          terminal: false,
-          nfc: false
-        },
-        eWallet: {
-          qrPay: false,
-          scanPay: false
-        }
-      }),
+      ePaymentTypes:
+        kioskOrderSettings?.paymentSetting?.ePaymentTypes ??
+        FdoEPaymentMethod.parse({
+          card: {
+            terminal: false,
+            nfc: false
+          },
+          eWallet: {
+            qrPay: false,
+            scanPay: false
+          }
+        })
     },
     menuItem: {
-      showAllOnly: kioskOrderSettings?.menuItem?.showAllOnly ?? false,
+      showAllOnly: kioskOrderSettings?.menuItem?.showAllOnly ?? false
     }
   }
 }

package/src/stores/restaurant/index.ts

@@ -4,6 +4,7 @@ import {
   F_FEATURE,
   F_PAYOUT_ACCOUNT_STATUS,
   FdoRestaurantDineIn,
+  FdoRestaurantDriveThru,
   FdoRestaurantFeedmeDelivery,
   FdoRestaurantInHouseDelivery,
   FdoRestaurantPickup,
@@ -92,6 +93,10 @@ export const useRestaurantStore = defineStore('restaurant', () => {
     await restaurantApi.updatePickupSetting(setting)
   }
 
+  async function updateDriveThruSetting(setting: FdoRestaurantDriveThru) {
+    await restaurantApi.updateDriveThruSetting(setting)
+  }
+
   async function updateInhouseDelivery(restaurantId: string, dto: FdoRestaurantInHouseDelivery) {
     await remoteOrderApi.integratedDelivery.updateInhouse(restaurantId, dto)
   }
@@ -149,6 +154,7 @@ export const useRestaurantStore = defineStore('restaurant', () => {
     updateServiceCharge,
     updateDineInSetting,
     updatePickupSetting,
+    updateDriveThruSetting,
     updateInhouseDelivery,
     updateFeedmeDelivery,
     updateIntegratedFoodpandaDelivery,

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

@@ -56,6 +56,7 @@ const paymentCheckboxVal = ref<string[]>([])
 const cardPaymentRadioVal = ref<string>()
 const eWalletPaymentCheckboxVal = ref<string[]>([])
 const useCard = ref(false)
+const useTerminal = ref(false)
 const useEwallet = ref(false)
 
 const checkboxChildren = [
@@ -70,6 +71,10 @@ const initializeCheckboxes = () => {
   paymentCheckboxVal.value = initialValues
   parentCheckbox.value = initialValues.length === checkboxChildren.length
   if (!(Object.keys(props.ePaymentTypes).length === 0)) {
+    if (props.ePaymentTypes.terminal) {
+      useTerminal.value = true
+    }
+
     if (props.ePaymentTypes.card.terminal) {
       cardPaymentRadioVal.value = F_ORDER_E_PAYMENT_TYPE.enum.TERMINAL
       useCard.value = true
@@ -152,6 +157,7 @@ const handleChildUpdate = (ev: string[]) => {
 
 const handleEPaymentCardUpdate = (ev: string) => {
   const ePaymentObj = {
+    terminal: false,
     card: {
       terminal: false,
       nfc: false
@@ -190,11 +196,16 @@ const handleEPaymentCardUpdate = (ev: string) => {
     }
   }
 
+  if (useTerminal.value) {
+    ePaymentObj.terminal = true
+  }
+
   emits('update:ePaymentTypes', ePaymentObj)
 }
 
 const handleEPaymentEWalletUpdate = () => {
   const ePaymentObj = {
+    terminal: false,
     card: {
       terminal: false,
       nfc: false
@@ -203,7 +214,7 @@ const handleEPaymentEWalletUpdate = () => {
       qrPay: false,
       scanPay: false,
       terminalScanPay: false,
-      terminalQrPay: false,
+      terminalQrPay: false
     }
   } as FdoEPaymentMethod
 
@@ -218,6 +229,10 @@ const handleEPaymentEWalletUpdate = () => {
       }
     }
 
+    if (useTerminal.value) {
+      ePaymentObj.terminal = true
+    }
+
     if (eWalletPaymentCheckboxVal.value.includes(F_ORDER_E_PAYMENT_TYPE.enum.QRPAY)) {
       ePaymentObj.eWallet.qrPay = true
     }
@@ -346,6 +361,17 @@ onMounted(() => {
         </div>
       </FmCardSection>
     </FmCard>
+    <FmCard variant="outlined" class="mt-2">
+      <FmCardSection>
+        <FmSwitch
+          :label="t('order.terminal')"
+          :sublabel="t('order.terminalPaymentDescription')"
+          label-placement="right"
+          v-model="useTerminal"
+          @update:modelValue="updateCardSwitch"
+        />
+      </FmCardSection>
+    </FmCard>
     <FmCard variant="outlined" class="mt-2">
       <FmCardSection>
         <FmSwitch

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

@@ -19,6 +19,7 @@ import { type FmTabProps } from '@feedmepos/ui-library'
 import { ref, computed, onMounted, watch } from 'vue'
 import DeliverySetting from './delivery/DeliverySetting.vue'
 import DineInSetting from './dine-in/DineInSetting.vue'
+import DriveThruSetting from './drive-thru/DriveThruSetting.vue'
 import PickUpSetting from './pickup/PickUpSetting.vue'
 import SmsSetting from './sms/SmsSetting.vue'
 // import ServiceChargeSetting from './servicecharge/ServiceChargeSetting.vue'
@@ -38,6 +39,7 @@ type OrderSettingMenuItemValue =
   | 'delivery'
   | 'pickup'
   | 'dinein'
+  | 'driveThru'
   // | 'servicecharge'
   | 'sms'
   // | 'discountRule'
@@ -49,6 +51,7 @@ const settingItem = computed<FmTabProps[]>(() => [
   { label: t('order.delivery'), value: 'delivery' },
   { label: t('order.pickup'), value: 'pickup' },
   { label: t('order.dineIn'), value: 'dinein' },
+  { label: t('order.driveThru'), value: 'driveThru' },
   // { label: t('order.serviceCharge'), value: 'servicecharge' },
   // { label: t('order.discountRule.title'), value: 'discountRule' },
   { label: t('order.sms'), value: 'sms' },
@@ -62,6 +65,8 @@ const currentComponent = computed(() => {
       return DeliverySetting
     case 'dinein':
       return DineInSetting
+    case 'driveThru':
+      return DriveThruSetting
     case 'pickup':
       return PickUpSetting
     case 'sms':
@@ -83,7 +88,7 @@ onMounted(async () => {
   }
 })
 
-watch(currentRestaurant, async (newRestaurant) => {
+watch(currentRestaurant, async (newRestaurant: any) => {
   if (newRestaurant?._id) {
     await menuStore.loadCatalogOptions(newRestaurant._id)
   }

package/src/views/order-settings/delivery/DeliverySetting.vue

@@ -165,9 +165,9 @@
 </template>
 
 <script setup lang="ts">
-import { computed, h, ref, watch } from 'vue'
+import { computed, h, ref, watch, onMounted } from 'vue'
 import RestaurantSelector from '../components/RestaurantSelector.vue'
-import { type ColumnDef } from '@feedmepos/ui-library'
+import { type ColumnDef, useDialog } from '@feedmepos/ui-library'
 import type { FdoDeliverooSettings, FdoFoodpandaSettings, FdoExternalSetting } from '@entity'
 import type {
   FdoLinkedDelivery,
@@ -197,6 +197,8 @@ import { useSnackbarFunctions } from '@/components/snackbar'
 import useSearch from '@/composables/search'
 import DeliveryList from './DeliveryList.vue'
 import DeliverooSetting from './integrated-delivery/DeliverooSetting.vue'
+import FeedmeExpressDeprecationNotice from './components/FeedmeExpressDeprecationNotice.vue'
+import { useDeprecationNotice } from '@/composables/useDeprecationNotice'
 import { useI18n, useCoreStore } from '@feedmepos/mf-common'
 
 const { t } = useI18n()
@@ -212,6 +214,40 @@ const {
   currentCountry
 } = useCoreStore()
 const menuStore = useMenuStore()
+const Dialog = useDialog()
+const { shouldShowNotice, markNoticeAsShown } = useDeprecationNotice()
+
+const FEEDME_EXPRESS_DEPRECATION_NOTICE_ID = 'feedme_express_feb_2025'
+
+function showFeedmeExpressDeprecationDialog() {
+  const restaurantId = currentRestaurant.value?._id
+  if (!restaurantId) return
+
+  Dialog.open({
+    title: t('order.feedmeExpressDeprecationTitle'),
+    contentComponent: FeedmeExpressDeprecationNotice,
+    dismissAway: false,
+    primaryActions: {
+      text: t('order.feedmeExpressDeprecationConfirm'),
+      variant: 'primary',
+      close: true
+    }
+  })
+
+  markNoticeAsShown(FEEDME_EXPRESS_DEPRECATION_NOTICE_ID, restaurantId)
+}
+
+function checkAndShowDeprecationNotice() {
+  const restaurantId = currentRestaurant.value?._id
+  const isFeedmeExpressEnabled = currentRestaurant.value?.feedmeDelivery?.enable
+
+  if (restaurantId && isFeedmeExpressEnabled) {
+    if (shouldShowNotice(FEEDME_EXPRESS_DEPRECATION_NOTICE_ID, restaurantId)) {
+      showFeedmeExpressDeprecationDialog()
+    }
+  }
+}
+
 const linkedCompanies = ref<LinkedDeliveryDoc[]>([])
 const deliveryCompanies = ref<DeliveryCompany[]>([])
 export interface DeliveryRow {
@@ -977,7 +1013,13 @@ function handleModelValueUpdateExternal(v: any) {
 }
 
 const feedmeValidate = ref<boolean | null>(null)
+const isAdmin = computed(() => sessionUser.value?.role?.isAdmin ?? false)
+
 const canSave = computed(() => {
+  // For FeedMe Express, only admin can save
+  if (feedMeComponentProps.value?.key === F_ORDER_PLATFORM.enum.FEEDME) {
+    return feedmeValidate.value !== false && isAdmin.value
+  }
   return !feedMeComponentProps.value?.key || feedmeValidate.value !== false
 })
 
@@ -1035,6 +1077,8 @@ watch(
   async (newRestaurant) => {
     if (newRestaurant) {
       await readData()
+      // Check if FeedMe Express deprecation notice should be shown
+      checkAndShowDeprecationNotice()
     }
   },
   { immediate: true }

package/src/views/order-settings/delivery/components/FeedmeExpressDeprecationNotice.vue

@@ -0,0 +1,16 @@
+<template>
+  <div class="flex flex-col gap-4">
+    <p class="fm-typo-en-body-lg-400 text-fm-color-typo-secondary">
+      {{ t('order.feedmeExpressDeprecationMessage') }}
+    </p>
+    <p class="fm-typo-en-body-lg-400 text-fm-color-typo-secondary">
+      {{ t('order.feedmeExpressDeprecationThanks') }}
+    </p>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useI18n } from '@feedmepos/mf-common'
+
+const { t } = useI18n()
+</script>

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

@@ -63,8 +63,22 @@
           />
         </div>
 
+        <div class="text-fm-color-neutral-gray-400 fm-typo-cn-body-md-400 mb-5 mt-5">
+          <div v-if="data.updatedAt">
+            {{ t('order.updatedAt') }}:
+            {{ Day(data.updatedAt).format('DD/MM/YYYY hh:mm a') }}
+          </div>
+        </div>
+
         <div class="flex flex-row mt-5">
           <FmButton variant="primary" :label="t('order.syncMenu')" @click="syncMenu()" />
+          <div
+            v-if="data.lastSynchronize"
+            class="m-2 ml-10 text-fm-color-neutral-gray-400 fm-typo-cn-body-md-400"
+          >
+            {{ t('order.lastSync') }}:
+            {{ Day(data.lastSynchronize).format('DD/MM/YYYY hh:mm a') }}
+          </div>
         </div>
       </FmCard>
     </div>
@@ -75,6 +89,7 @@
 import { type PropType, reactive, ref } from 'vue'
 import { F_ORDER_PLATFORM, type FdoExternalSetting } from '@entity'
 import { useI18n } from '@feedmepos/mf-common'
+import Day from 'dayjs'
 import { clone } from '@/helpers/object'
 import { useMenuStore } from '@/stores/menu/menu'
 import { useLoading } from '@/composables/loading'
@@ -147,7 +162,13 @@ function updatePlatform(platform: F_ORDER_PLATFORM) {
 const { startAsyncCallWithErr } = useLoading()
 async function syncMenu() {
   await startAsyncCallWithErr(async () => {
-    await remoteOrderApi.integratedDelivery.syncExternalMenu(data._id ?? '')
+    const res = await remoteOrderApi.integratedDelivery.syncExternalMenu(data._id ?? '')
+    if (res?.lastSynchronize) {
+      data.lastSynchronize = res.lastSynchronize
+    }
+    if (res?.updatedAt) {
+      data.updatedAt = res.updatedAt
+    }
     showSuccess(t('order.syncMenuSuccess'))
   })
 }

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

@@ -45,7 +45,7 @@ const data = reactive<FdoRestaurantFeedme>(
   props.initialValue ? clone(props.initialValue) : defaultValue
 )
 const { sessionUser } = useCoreStore()
-const canActivateFeedmeExpress = computed(() => sessionUser.value?.isInternal)
+const canActivateFeedmeExpress = computed(() => sessionUser.value?.role?.isAdmin ?? false)
 const { currentRestaurant } = useCoreStore()
 const validatePosVersion = computed<ValidateFeedmeResult>(() => {
   const posVersion = currentRestaurant?.value?.posVersion
@@ -64,21 +64,15 @@ const router = useRouter();
 
 const validatePayoutAccount = computed<ValidateFeedmeResult>(() => {
   const account = currentRestaurant.value?.payoutAccount
+  // Since FeedMe Express is ending, show deprecation message instead of asking to set up payout
   if (!account?.enable) {
     return {
-      message:  `${t('order.feedmeExpressPayoutAccIssue')}`,
-      action: {
-        label: t('order.updatePayoutAccount'),
-        callback: () => {
-          router.push({ name: "mf-payment-payout-account"})
-        }
-      }
+      message: `${t('order.feedmeExpressDeprecationTitle')}\n\n${t('order.feedmeExpressDeprecationMessage')}`
     }
   }
   if (account.status !== F_PAYOUT_ACCOUNT_STATUS.enum.APPROVED) {
     return {
-      message:
-        `${t('order.feedmeExpressNotApproved')}`
+      message: `${t('order.feedmeExpressDeprecationTitle')}\n\n${t('order.feedmeExpressDeprecationMessage')}`
     }
   }
   return true
@@ -113,11 +107,6 @@ const validation = computed<ValidateFeedmeResult>(() => {
 
   emits('validation-result', result === true)
 
-  if (!(props.initialValue?.enable || false) && !canActivateFeedmeExpress.value) {
-    return {
-      message: 'Contact our staff to enable FeedMe Express'
-    }
-  }
   return (
     [validatePosVersion.value, validatePayoutAccount.value, validateRestaurantProfile.value].find(
       (result) => result !== true
@@ -125,6 +114,8 @@ const validation = computed<ValidateFeedmeResult>(() => {
   )
 })
 
+const isReadOnly = computed(() => !canActivateFeedmeExpress.value)
+
 const emits = defineEmits<{
   (event: 'update:model-value', v: FdoRestaurantFeedme): void
   (event: 'validation-result', result: boolean): void
@@ -166,27 +157,36 @@ import { formatAddress } from '@/helpers/profile'
 
 <template>
   <template v-if="validation === true">
-    <FmSwitch :model-value="data.enable" :label="`${t('order.actiavteFeedmeExpress')}`" label-placement="right"
-      :sublabel="t('order.activateFeedmeExpressSublabel')" @update:model-value="updateEnable" />
-    <div v-if="data.enable">
-      <FmCard variant="outlined" class="p-5 mt-10">
-        <div class="flex-grow fm-typo-en-title-sm-600 mb-3">{{ t('order.generalInfo') }}</div>
-
-        <FmSwitch :model-value="data.ignoreStock || false" value="ignoreStock" :label="t('order.ignoreStock')"
-          :sublabel="t('order.ignoreStockSublabel')" label-placement="right"
-          @update:model-value="updateIgnoreStock" />
-
-        <div class="mt-5 mb-3">
-          <FmSelect :model-value="data.catalogId" :label="t('order.catalog')" :items="menuStore.catalogOptions"
-            @update:model-value="updateCatalogId" />
-        </div>
-        <FmTextarea :model-value="data.term ?? undefined" :label="t('order.term')" @update:model-value="updateTerm" />
-
-        <div class="mt-5 mb-3">
-          <FmTextarea :model-value="data.instruction ?? undefined" :label="t('order.deliveryInstruction')"
-            @update:model-value="updateInstruction" />
-        </div>
-      </FmCard>
+    <!-- Read-only banner for non-admin users -->
+    <div v-if="isReadOnly" class="mb-4 p-3 bg-fm-color-system-warning-100 rounded-lg">
+      <div class="text-fm-color-typo-warning fm-typo-en-body-md-600">
+        {{ t('order.feedmeExpressAdminOnly') }}
+      </div>
+    </div>
+
+    <div :class="{ 'opacity-60 pointer-events-none': isReadOnly }">
+      <FmSwitch :model-value="data.enable" :label="`${t('order.actiavteFeedmeExpress')}`" label-placement="right"
+        :sublabel="t('order.activateFeedmeExpressSublabel')" :disabled="isReadOnly" @update:model-value="updateEnable" />
+      <div v-if="data.enable">
+        <FmCard variant="outlined" class="p-5 mt-10">
+          <div class="flex-grow fm-typo-en-title-sm-600 mb-3">{{ t('order.generalInfo') }}</div>
+
+          <FmSwitch :model-value="data.ignoreStock || false" value="ignoreStock" :label="t('order.ignoreStock')"
+            :sublabel="t('order.ignoreStockSublabel')" label-placement="right"
+            :disabled="isReadOnly" @update:model-value="updateIgnoreStock" />
+
+          <div class="mt-5 mb-3">
+            <FmSelect :model-value="data.catalogId" :label="t('order.catalog')" :items="menuStore.catalogOptions"
+              :disabled="isReadOnly" @update:model-value="updateCatalogId" />
+          </div>
+          <FmTextarea :model-value="data.term ?? undefined" :label="t('order.term')" :disabled="isReadOnly" @update:model-value="updateTerm" />
+
+          <div class="mt-5 mb-3">
+            <FmTextarea :model-value="data.instruction ?? undefined" :label="t('order.deliveryInstruction')"
+              :disabled="isReadOnly" @update:model-value="updateInstruction" />
+          </div>
+        </FmCard>
+      </div>
     </div>
   </template>
   <div v-else>
@@ -194,9 +194,9 @@ import { formatAddress } from '@/helpers/profile'
       <img :src="svgPath" alt="" />
       <div class="flex flex-col">
         <div class="text-center mb-5">{{ validation.message }}</div>
-        <FmButton 
-          v-if="validation.action" 
-          variant="primary" 
+        <FmButton
+          v-if="validation.action"
+          variant="primary"
           :label="validation.action.label"
           @click = "(validation as ValidateFeedmeErrorResult).action!.callback"
         />