@feedmepos/mf-order-setting 0.0.47 → 0.0.49

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

@@ -0,0 +1,101 @@
+<template>
+  <div class="flex justify-between items-center">
+    <RestaurantSelector />
+  </div>
+  <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"
+      />
+    </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"
+      />
+    </div>
+  </div>
+  <FmCircularProgress size="xxl" v-else />
+</template>
+
+<script setup lang="ts">
+import { type FdoRestaurantDriveThru } from '@feedmepos/core/entity'
+import RestaurantSelector from '../components/RestaurantSelector.vue'
+import { onMounted, ref, watch } from 'vue'
+import { useRestaurantStore } from '@/stores/restaurant'
+import { useLoading } from '@/composables/loading'
+import { useCoreStore } from '@feedmepos/mf-common'
+import { utils } from '@feedmepos/core'
+import { useI18n } from '@feedmepos/mf-common'
+import { useSnackbarFunctions } from '@/components/snackbar'
+import { useMenuStore } from '@/stores/menu/menu'
+
+const { t } = useI18n()
+
+const { currentRestaurant } = useCoreStore()
+const menuStore = useMenuStore()
+const driveThruSetting = ref<FdoRestaurantDriveThru>(initDriveThruSetting())
+
+function initDriveThruSetting(): FdoRestaurantDriveThru {
+  return {
+    enabled: false,
+    catalogId: null
+  }
+}
+
+function updateCatalogId(catalogId: string | null) {
+  driveThruSetting.value.catalogId = catalogId
+}
+
+const { showSuccess } = useSnackbarFunctions()
+const restaurantStore = useRestaurantStore()
+const { startAsyncCallWithErr, isLoading } = useLoading()
+
+async function updateDriveThruSetting() {
+  await startAsyncCallWithErr(async () => {
+    const newDriveThruSetting = driveThruSetting.value
+    if (newDriveThruSetting) {
+      await restaurantStore.updateDriveThruSetting(newDriveThruSetting)
+      if (currentRestaurant.value) {
+        ;(currentRestaurant.value as any).driveThru = newDriveThruSetting
+      }
+    }
+  })
+  showSuccess(t('order.driveThruSettingUpdated'))
+}
+
+watch(
+  () => currentRestaurant.value,
+  async (newRestaurant) => {
+    if ((newRestaurant as any)?.driveThru) {
+      driveThruSetting.value = utils.clone((newRestaurant as any).driveThru)
+    } else {
+      driveThruSetting.value = initDriveThruSetting()
+    }
+  },
+  { immediate: true }
+)
+
+onMounted(async () => {
+  const newRestaurant = currentRestaurant.value as any
+  if (newRestaurant?.driveThru) {
+    driveThruSetting.value = utils.clone(newRestaurant.driveThru)
+  }
+})
+</script>

package/dist/KioskSettingView-D50Gh7NR.js

@@ -1,528 +0,0 @@
-import { defineComponent as H, computed as h, ref as C, onMounted as le, resolveComponent as _, createElementBlock as I, openBlock as T, Fragment as q, createVNode as u, createElementVNode as s, createCommentVNode as M, unref as a, withCtx as A, createTextVNode as ae, toDisplayString as b, renderList as z, withDirectives as R, vShow as U } from "vue";
-import { F as w, c as r } from "./menu.dto-B82ITnH5.js";
-import { _ as ne, u as te } from "./index-BXsnV_eO.js";
-import { useI18n as J } from "@feedmepos/mf-common";
-import { useSnackbar as oe } from "@feedmepos/ui-library";
-const de = { class: "flex flex-row items-center" }, ue = { key: 0 }, ie = {
-  key: 1,
-  class: "ml-7"
-}, se = { key: 0 }, re = { class: "font-bold" }, me = {
-  key: 2,
-  class: "ml-7"
-}, pe = { class: "ml-7" }, ye = { class: "ml-7" }, ce = { class: "flex flex-row gap-9" }, fe = /* @__PURE__ */ H({
-  __name: "KioskPaymentTypeSection",
-  props: {
-    paymentTypes: {
-      type: Array,
-      required: !0
-    },
-    offlinePaymentTypes: {
-      type: Array,
-      required: !0
-    },
-    allowEPayment: {
-      type: [Boolean, String],
-      required: !0
-    },
-    ePaymentTypes: {
-      type: Object,
-      required: !0
-    }
-  },
-  emits: ["update:paymentTypes", "update:offlinePaymentTypes", "update:ePaymentTypes"],
-  setup(k, { emit: Y }) {
-    const { t: l } = J(), f = k, x = Y;
-    async function W(t) {
-      x(
-        "update:offlinePaymentTypes",
-        f.offlinePaymentTypes.filter((n, c) => c !== t)
-      );
-    }
-    const e = h(() => (f.paymentTypes || []).includes(w.enum.ePayment)), F = h(() => {
-      const t = f.paymentTypes || [], n = f.offlinePaymentTypes || [];
-      return t.includes(w.enum.cash) || n.length > 0;
-    }), N = C(!1), y = C([]), V = C(), m = C([]), P = C(!1), g = C(!1), S = [
-      { label: l("order.offlinePayment"), value: "offline" },
-      { label: l("order.ePayment"), value: "e-payment" }
-    ], E = () => {
-      const t = [];
-      F.value && t.push("offline"), e.value && t.push("e-payment"), y.value = t, N.value = t.length === S.length, Object.keys(f.ePaymentTypes).length !== 0 && (f.ePaymentTypes.card.terminal ? (V.value = r.enum.TERMINAL, P.value = !0) : f.ePaymentTypes.card.nfc && (V.value = r.enum.NFC, P.value = !0), f.ePaymentTypes.eWallet.qrPay && (m.value.push(r.enum.QRPAY), g.value = !0), f.ePaymentTypes.eWallet.scanPay && (m.value.push(r.enum.SCANPAY), g.value = !0), f.ePaymentTypes.eWallet.terminalScanPay && (m.value.push(r.enum.TERMINAL_SCAN_PAY), g.value = !0), f.ePaymentTypes.eWallet.terminalQrPay && (m.value.push(r.enum.TERMINAL_QR_PAY), g.value = !0));
-    };
-    E();
-    const L = (t) => {
-      y.value = t ? S.map((o) => o.value) : [], N.value = t;
-      const n = [], c = t ? f.offlinePaymentTypes || [] : [];
-      y.value.includes("e-payment") && (n.push(w.enum.ePayment), P.value = !0, g.value = !0), y.value.includes("offline") && n.push(w.enum.cash), x("update:paymentTypes", n), x("update:offlinePaymentTypes", c), d(P.value), v(g.value);
-    }, O = (t) => {
-      const n = y.value;
-      y.value = t, N.value = t.length === S.length;
-      const c = [], o = t.includes("offline") ? f.offlinePaymentTypes || [] : [];
-      t.includes("e-payment") && c.push(w.enum.ePayment), t.includes("offline") && c.push(w.enum.cash), n.includes("e-payment") || (P.value = !0, g.value = !0, d(P.value), v(g.value)), x("update:paymentTypes", c), x("update:offlinePaymentTypes", o);
-    }, Q = (t) => {
-      const n = {
-        card: {
-          terminal: !1,
-          nfc: !1
-        },
-        eWallet: {
-          qrPay: !1,
-          scanPay: !1,
-          terminalScanPay: !1,
-          terminalQrPay: !1
-        }
-      };
-      y.value.includes("e-payment") && (t == r.enum.TERMINAL && (n.card.terminal = !0), t == r.enum.NFC && (n.card.nfc = !0), m.value.length > 0 && (m.value.includes(r.enum.QRPAY) && (n.eWallet.qrPay = !0), m.value.includes(r.enum.SCANPAY) && (n.eWallet.scanPay = !0), m.value.includes(r.enum.TERMINAL_SCAN_PAY) && (n.eWallet.terminalScanPay = !0), m.value.includes(r.enum.TERMINAL_QR_PAY) && (n.eWallet.terminalQrPay = !0))), x("update:ePaymentTypes", n);
-    }, i = () => {
-      const t = {
-        card: {
-          terminal: !1,
-          nfc: !1
-        },
-        eWallet: {
-          qrPay: !1,
-          scanPay: !1,
-          terminalScanPay: !1,
-          terminalQrPay: !1
-        }
-      };
-      y.value.includes("e-payment") && (V.value && (V.value === r.enum.TERMINAL && (t.card.terminal = !0), V.value === r.enum.NFC && (t.card.nfc = !0)), m.value.includes(r.enum.QRPAY) && (t.eWallet.qrPay = !0), m.value.includes(r.enum.SCANPAY) && (t.eWallet.scanPay = !0), m.value.includes(r.enum.TERMINAL_SCAN_PAY) && (t.eWallet.terminalScanPay = !0), m.value.includes(r.enum.TERMINAL_QR_PAY) && (t.eWallet.terminalQrPay = !0)), x("update:ePaymentTypes", t);
-    }, d = (t) => {
-      V.value = "", t && (V.value = r.enum.TERMINAL), i();
-    }, v = (t) => {
-      m.value = [], t && (m.value = [
-        r.enum.QRPAY,
-        r.enum.SCANPAY
-      ]), i();
-    };
-    return le(() => {
-      E();
-    }), (t, n) => {
-      var j, K;
-      const c = _("FmCheckbox"), o = _("FmCardSection"), D = _("FmCard"), X = _("FmButton"), $ = _("FmSwitch"), B = _("FmRadio"), Z = _("FmRadioGroup");
-      return T(), I(q, null, [
-        u(c, {
-          value: "",
-          "model-value": N.value,
-          label: a(l)("order.all"),
-          indeterminate: y.value.length > 0 && y.value.length < S.length,
-          "onUpdate:modelValue": L
-        }, null, 8, ["model-value", "label", "indeterminate"]),
-        s("div", de, [
-          u(c, {
-            modelValue: y.value,
-            "onUpdate:modelValue": [
-              n[0] || (n[0] = (p) => y.value = p),
-              O
-            ],
-            label: S[0].label,
-            value: S[0].value
-          }, null, 8, ["modelValue", "label", "value"])
-        ]),
-        y.value.includes(S[0].value) && ((j = k.offlinePaymentTypes) == null ? void 0 : j.length) === 0 ? (T(), I("div", ue, [
-          u(ne, {
-            "onUpdate:offlinePaymentTypes": n[1] || (n[1] = (p) => x("update:offlinePaymentTypes", p))
-          })
-        ])) : M("", !0),
-        y.value.includes("offline") ? (T(), I("div", ie, [
-          ((K = k.offlinePaymentTypes) == null ? void 0 : K.length) === 0 ? (T(), I("div", se, [
-            u(D, { variant: "outlined" }, {
-              default: A(() => [
-                u(o, null, {
-                  default: A(() => [
-                    ae(b(a(l)("order.payAtCounter")), 1)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ])) : M("", !0),
-          (T(!0), I(q, null, z(k.offlinePaymentTypes, (p, ee) => (T(), I("p", { key: ee }, [
-            u(D, { variant: "outlined" }, {
-              default: A(() => [
-                u(o, { class: "flex items-center justify-between" }, {
-                  default: A(() => [
-                    s("div", null, [
-                      s("span", re, b(p.name), 1),
-                      n[10] || (n[10] = s("br", null, null, -1)),
-                      s("span", null, b(p.instruction), 1)
-                    ]),
-                    (T(!0), I(q, null, z(k.offlinePaymentTypes, (We, G) => (T(), I("div", { key: G }, [
-                      u(X, {
-                        "append-icon": "delete",
-                        variant: "tertiary",
-                        onClick: (Le) => W(G)
-                      }, null, 8, ["onClick"])
-                    ]))), 128))
-                  ]),
-                  _: 2
-                }, 1024)
-              ]),
-              _: 2
-            }, 1024)
-          ]))), 128))
-        ])) : M("", !0),
-        u(c, {
-          modelValue: y.value,
-          "onUpdate:modelValue": [
-            n[2] || (n[2] = (p) => y.value = p),
-            O
-          ],
-          label: S[1].label,
-          value: S[1].value
-        }, null, 8, ["modelValue", "label", "value"]),
-        y.value.includes(S[1].value) ? (T(), I("div", me, [
-          u(D, { variant: "outlined" }, {
-            default: A(() => [
-              u(o, null, {
-                default: A(() => [
-                  u($, {
-                    label: a(l)("order.bankCard"),
-                    sublabel: a(l)("order.cardPaymentDescription"),
-                    "label-placement": "right",
-                    modelValue: P.value,
-                    "onUpdate:modelValue": [
-                      n[3] || (n[3] = (p) => P.value = p),
-                      d
-                    ]
-                  }, null, 8, ["label", "sublabel", "modelValue"]),
-                  n[11] || (n[11] = s("br", null, null, -1)),
-                  R(s("div", pe, [
-                    u(Z, {
-                      modelValue: V.value,
-                      "onUpdate:modelValue": [
-                        n[4] || (n[4] = (p) => V.value = p),
-                        Q
-                      ],
-                      inline: ""
-                    }, {
-                      default: A(() => [
-                        u(B, {
-                          label: a(l)("order.terminal"),
-                          value: a(r).enum.TERMINAL
-                        }, null, 8, ["label", "value"]),
-                        u(B, {
-                          label: a(l)("order.nfc"),
-                          value: a(r).enum.NFC
-                        }, null, 8, ["label", "value"])
-                      ]),
-                      _: 1
-                    }, 8, ["modelValue"])
-                  ], 512), [
-                    [U, P.value]
-                  ])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          u(D, {
-            variant: "outlined",
-            class: "mt-2"
-          }, {
-            default: A(() => [
-              u(o, null, {
-                default: A(() => [
-                  u($, {
-                    label: a(l)("order.eWallet"),
-                    sublabel: a(l)("order.eWalletDescription"),
-                    "label-placement": "right",
-                    modelValue: g.value,
-                    "onUpdate:modelValue": [
-                      n[5] || (n[5] = (p) => g.value = p),
-                      v
-                    ]
-                  }, null, 8, ["label", "sublabel", "modelValue"]),
-                  n[12] || (n[12] = s("br", null, null, -1)),
-                  R(s("div", ye, [
-                    s("div", ce, [
-                      u(c, {
-                        modelValue: m.value,
-                        "onUpdate:modelValue": [
-                          n[6] || (n[6] = (p) => m.value = p),
-                          i
-                        ],
-                        label: a(l)("order.qrPay"),
-                        value: a(r).enum.QRPAY
-                      }, null, 8, ["modelValue", "label", "value"]),
-                      u(c, {
-                        modelValue: m.value,
-                        "onUpdate:modelValue": [
-                          n[7] || (n[7] = (p) => m.value = p),
-                          i
-                        ],
-                        label: a(l)("order.scanPay"),
-                        value: a(r).enum.SCANPAY
-                      }, null, 8, ["modelValue", "label", "value"]),
-                      u(c, {
-                        modelValue: m.value,
-                        "onUpdate:modelValue": [
-                          n[8] || (n[8] = (p) => m.value = p),
-                          i
-                        ],
-                        label: a(l)("order.terminalScanPay"),
-                        value: a(r).enum.TERMINAL_SCAN_PAY
-                      }, null, 8, ["modelValue", "label", "value"]),
-                      u(c, {
-                        modelValue: m.value,
-                        "onUpdate:modelValue": [
-                          n[9] || (n[9] = (p) => m.value = p),
-                          i
-                        ],
-                        label: a(l)("order.terminalQrPay"),
-                        value: a(r).enum.TERMINAL_QR_PAY
-                      }, null, 8, ["modelValue", "label", "value"])
-                    ])
-                  ], 512), [
-                    [U, g.value]
-                  ])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ])) : M("", !0)
-      ], 64);
-    };
-  }
-}), ve = {
-  key: 0,
-  class: "flex flex-col gap-32"
-}, be = { class: "flex flex-col gap-2" }, Pe = { class: "fm-typo-en-title-sm-600" }, ge = { class: "flex flex-col gap-5" }, Se = { class: "flex flex-col gap-16" }, Ve = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2 my-5 w-11/12" }, Ie = { class: "fm-typo-en-title-sm-600" }, Te = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2 my-5 w-11/12" }, _e = { class: "fm-typo-en-title-sm-600" }, xe = { class: "flex flex-row gap-2" }, Ae = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2 my-5 w-11/12" }, he = { class: "fm-typo-en-title-sm-600" }, ke = { class: "flex flex-col gap-2" }, Ce = { class: "fm-typo-en-title-sm-600" }, we = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2 my-5 w-11/12" }, Re = { class: "fm-typo-en-title-sm-600" }, Ue = { class: "flex flex-col gap-2" }, Ne = { class: "fm-typo-en-title-sm-600" }, Fe = { class: "flex flex-col gap-2" }, Oe = { class: "fm-typo-en-title-sm-600" }, Ee = { class: "flex flex-col gap-2" }, De = { class: "fm-typo-en-title-sm-600" }, Me = { class: "fm-typo-en-title-sm-400 font-bold" }, Ye = { key: 1 }, Ke = /* @__PURE__ */ H({
-  __name: "KioskSettingView",
-  props: {
-    restaurantId: {},
-    form: {}
-  },
-  emits: ["updateKioskOrderSetting"],
-  setup(k, { emit: Y }) {
-    const { t: l } = J(), f = k, x = oe(), W = Y, e = C(f.form), F = (i) => i < 0 ? l("order.nonNegativeRule") : !0, N = (i) => i <= (e.value.dineIn.displayStand.standSlotRange.min ?? 0) ? l("order.greaterThanMinRule") : !0, y = h(() => [F]), V = h(() => [F]), m = h(() => [F, N]), P = h(() => {
-      const i = e.value;
-      if (i.dineIn.enabled && i.dineIn.displayStand.enabled) {
-        const { padDigit: d, standSlotRange: v } = i.dineIn.displayStand;
-        if (!(d != null && d >= 0 && v.min != null && v.max != null && v.min <= v.max)) return null;
-      }
-      return {
-        ...i,
-        dineIn: {
-          ...i.dineIn,
-          displayStand: {
-            ...i.dineIn.displayStand,
-            enabled: i.dineIn.enabled && i.dineIn.displayStand.enabled,
-            padDigit: i.dineIn.displayStand.padDigit ?? 0,
-            standSlotRange: {
-              min: i.dineIn.displayStand.standSlotRange.min ?? 0,
-              max: i.dineIn.displayStand.standSlotRange.max ?? 10
-            },
-            prefix: i.dineIn.displayStand.prefix ?? ""
-          }
-        }
-      };
-    }), { startAsyncCall: g } = te();
-    function S(i) {
-      e.value.paymentSetting.paymentTypes = i;
-    }
-    function E(i) {
-      e.value.paymentSetting.ePaymentTypes = i;
-    }
-    const L = h(() => (e.value.paymentSetting.paymentTypes || []).includes(w.enum.ePayment)), O = h({
-      get: () => (e.value.dineIn.displayStand.enabled && e.value.dineIn.displayStand.enablePaxDialog || e.value.dineIn.pickUp.enablePaxDialog) ?? !1,
-      set: (i) => {
-        e.value.dineIn.displayStand.enablePaxDialog = i, e.value.dineIn.pickUp.enablePaxDialog = i;
-      }
-    });
-    async function Q() {
-      if (P.value) {
-        const i = P.value;
-        g(async () => {
-          await W("updateKioskOrderSetting", i);
-        });
-      } else
-        x.open({
-          title: l("order.failedToUpdateSetting"),
-          type: "error"
-        });
-    }
-    return (i, d) => {
-      const v = _("FmSwitch"), t = _("FmTextField"), n = _("FmStepperField"), c = _("FmButton");
-      return e.value ? (T(), I("div", ve, [
-        s("div", be, [
-          s("span", Pe, b(a(l)("order.dineIn")), 1),
-          s("div", ge, [
-            u(v, {
-              modelValue: e.value.dineIn.enabled,
-              "onUpdate:modelValue": d[0] || (d[0] = (o) => e.value.dineIn.enabled = o),
-              label: a(l)("order.dineIn"),
-              "label-placement": "right"
-            }, null, 8, ["modelValue", "label"]),
-            R(s("div", Se, [
-              s("div", null, [
-                u(v, {
-                  modelValue: e.value.dineIn.pickUp.enabled,
-                  "onUpdate:modelValue": d[1] || (d[1] = (o) => e.value.dineIn.pickUp.enabled = o),
-                  label: a(l)("order.pickAtCounter"),
-                  "label-placement": "right"
-                }, null, 8, ["modelValue", "label"]),
-                R(s("div", Ve, [
-                  s("span", Ie, b(a(l)("order.submitOrderInstruction")), 1),
-                  u(t, {
-                    modelValue: e.value.dineIn.pickUp.submitOrderInstruction.payAtCounter,
-                    "onUpdate:modelValue": d[2] || (d[2] = (o) => e.value.dineIn.pickUp.submitOrderInstruction.payAtCounter = o),
-                    label: a(l)("order.payAtCounter"),
-                    placeholder: "Collect your transaction slip below and present it to the cashier"
-                  }, null, 8, ["modelValue", "label"]),
-                  u(t, {
-                    modelValue: e.value.dineIn.pickUp.submitOrderInstruction.paid,
-                    "onUpdate:modelValue": d[3] || (d[3] = (o) => e.value.dineIn.pickUp.submitOrderInstruction.paid = o),
-                    label: a(l)("order.paid"),
-                    placeholder: "Please wait as we prepare your food. We'll call your number when it's ready."
-                  }, null, 8, ["modelValue", "label"])
-                ], 512), [
-                  [U, e.value.dineIn.pickUp.enabled]
-                ])
-              ]),
-              s("div", null, [
-                u(v, {
-                  modelValue: e.value.dineIn.displayStand.enabled,
-                  "onUpdate:modelValue": d[4] || (d[4] = (o) => e.value.dineIn.displayStand.enabled = o),
-                  label: a(l)("order.displayStand"),
-                  "label-placement": "right"
-                }, null, 8, ["modelValue", "label"]),
-                R(s("div", Te, [
-                  s("span", _e, b(a(l)("order.tableServiceSetting")), 1),
-                  u(t, {
-                    modelValue: e.value.dineIn.displayStand.prefix,
-                    "onUpdate:modelValue": d[5] || (d[5] = (o) => e.value.dineIn.displayStand.prefix = o),
-                    label: a(l)("order.prefix"),
-                    placeholder: a(l)("order.prefix")
-                  }, null, 8, ["modelValue", "label", "placeholder"]),
-                  s("div", xe, [
-                    u(n, {
-                      modelValue: e.value.dineIn.displayStand.standSlotRange.min,
-                      "onUpdate:modelValue": d[6] || (d[6] = (o) => e.value.dineIn.displayStand.standSlotRange.min = o),
-                      class: "w-1/2",
-                      label: a(l)("order.start"),
-                      labelMark: "required",
-                      rules: V.value,
-                      placeholder: a(l)("order.enterANumber")
-                    }, null, 8, ["modelValue", "label", "rules", "placeholder"]),
-                    u(n, {
-                      modelValue: e.value.dineIn.displayStand.standSlotRange.max,
-                      "onUpdate:modelValue": d[7] || (d[7] = (o) => e.value.dineIn.displayStand.standSlotRange.max = o),
-                      class: "w-1/2",
-                      label: a(l)("order.end"),
-                      labelMark: "required",
-                      rules: m.value,
-                      placeholder: a(l)("order.enterANumber")
-                    }, null, 8, ["modelValue", "label", "rules", "placeholder"])
-                  ]),
-                  u(n, {
-                    modelValue: e.value.dineIn.displayStand.padDigit,
-                    "onUpdate:modelValue": d[8] || (d[8] = (o) => e.value.dineIn.displayStand.padDigit = o),
-                    label: a(l)("order.padDigit"),
-                    labelMark: "required",
-                    rules: y.value,
-                    placeholder: a(l)("order.padDigit")
-                  }, null, 8, ["modelValue", "label", "rules", "placeholder"])
-                ], 512), [
-                  [U, e.value.dineIn.displayStand.enabled]
-                ]),
-                R(s("div", Ae, [
-                  s("span", he, b(a(l)("order.submitOrderInstruction")), 1),
-                  u(t, {
-                    modelValue: e.value.dineIn.displayStand.submitOrderInstruction.payAtCounter,
-                    "onUpdate:modelValue": d[9] || (d[9] = (o) => e.value.dineIn.displayStand.submitOrderInstruction.payAtCounter = o),
-                    label: a(l)("order.payAtCounter"),
-                    placeholder: "Collect your transaction slip below and present it to the cashier"
-                  }, null, 8, ["modelValue", "label"]),
-                  u(t, {
-                    modelValue: e.value.dineIn.displayStand.submitOrderInstruction.paid,
-                    "onUpdate:modelValue": d[10] || (d[10] = (o) => e.value.dineIn.displayStand.submitOrderInstruction.paid = o),
-                    label: a(l)("order.paid"),
-                    placeholder: "Please collect your receipt and we'll bring your food to your table once it's ready."
-                  }, null, 8, ["modelValue", "label"])
-                ], 512), [
-                  [U, e.value.dineIn.displayStand.enabled]
-                ])
-              ])
-            ], 512), [
-              [U, e.value.dineIn.enabled]
-            ])
-          ])
-        ]),
-        s("div", ke, [
-          s("span", Ce, b(a(l)("order.takeawayTitle")), 1),
-          u(v, {
-            modelValue: e.value.takeaway.enabled,
-            "onUpdate:modelValue": d[11] || (d[11] = (o) => e.value.takeaway.enabled = o),
-            label: a(l)("order.takeaway"),
-            "label-placement": "right",
-            class: "mb-5"
-          }, null, 8, ["modelValue", "label"]),
-          R(s("div", we, [
-            s("span", Re, b(a(l)("order.submitOrderInstruction")), 1),
-            u(t, {
-              modelValue: e.value.takeaway.submitOrderInstruction.payAtCounter,
-              "onUpdate:modelValue": d[12] || (d[12] = (o) => e.value.takeaway.submitOrderInstruction.payAtCounter = o),
-              label: a(l)("order.payAtCounter"),
-              placeholder: "Collect your transaction slip below and present it to the cashier"
-            }, null, 8, ["modelValue", "label"]),
-            u(t, {
-              modelValue: e.value.takeaway.submitOrderInstruction.paid,
-              "onUpdate:modelValue": d[13] || (d[13] = (o) => e.value.takeaway.submitOrderInstruction.paid = o),
-              label: a(l)("order.paid"),
-              placeholder: "Please wait as we prepare your food. We'll call your number when it's ready."
-            }, null, 8, ["modelValue", "label"])
-          ], 512), [
-            [U, e.value.takeaway.enabled]
-          ])
-        ]),
-        s("div", Ue, [
-          s("span", Ne, b(a(l)("order.menuItem")), 1),
-          u(v, {
-            modelValue: e.value.menuItem.showAllOnly,
-            "onUpdate:modelValue": d[14] || (d[14] = (o) => e.value.menuItem.showAllOnly = o),
-            label: a(l)("order.showNotAvailableMenuItem"),
-            "label-placement": "right",
-            class: "mb-5"
-          }, null, 8, ["modelValue", "label"])
-        ]),
-        s("div", Fe, [
-          s("span", Oe, b(a(l)("order.displayPaxDialogTitle")), 1),
-          u(v, {
-            modelValue: O.value,
-            "onUpdate:modelValue": d[15] || (d[15] = (o) => O.value = o),
-            label: a(l)("order.displayPaxDialogDescription"),
-            "label-placement": "right",
-            class: "mb-5"
-          }, null, 8, ["modelValue", "label"])
-        ]),
-        s("div", Ee, [
-          s("span", De, b(a(l)("order.acceptedPayment")), 1),
-          s("span", Me, b(a(l)("order.configuration")), 1),
-          u(fe, {
-            "payment-types": e.value.paymentSetting.paymentTypes ?? [],
-            "allow-e-payment": L.value,
-            "offline-payment-types": e.value.paymentSetting.offlinePaymentTypes ?? [],
-            ePaymentTypes: e.value.paymentSetting.ePaymentTypes ?? {},
-            "onUpdate:paymentTypes": S,
-            "onUpdate:offlinePaymentTypes": d[16] || (d[16] = (o) => e.value.paymentSetting.offlinePaymentTypes = o),
-            "onUpdate:ePaymentTypes": E
-          }, null, 8, ["payment-types", "allow-e-payment", "offline-payment-types", "ePaymentTypes"])
-        ]),
-        u(c, {
-          class: "w-1/4 mb-10",
-          variant: "primary",
-          label: a(l)("order.updateSetting"),
-          disabled: !P.value,
-          onClick: Q
-        }, null, 8, ["label", "disabled"])
-      ])) : (T(), I("div", Ye, b(a(l)("order.pleaseSelectRestaurant")), 1));
-    };
-  }
-});
-export {
-  Ke as default
-};