@feedmepos/mf-order-setting 0.0.54 → 0.0.57

package/dist/KioskSettingView-CyAxzbP1.js

@@ -0,0 +1,744 @@
+import { defineComponent as ne, computed as F, ref as E, onMounted as pe, resolveComponent as k, createElementBlock as _, openBlock as I, Fragment as G, createVNode as i, createElementVNode as r, createCommentVNode as q, unref as l, withCtx as A, createTextVNode as ce, toDisplayString as b, renderList as J, withDirectives as L, vShow as D, createBlock as ee } from "vue";
+import { F as M, e as p, f as oe, S as se } from "./menu.dto-Csu6ZBea.js";
+import { _ as ye, u as fe } from "./index-BXsnV_eO.js";
+import { useI18n as re, useCoreStore as ve } from "@feedmepos/mf-common";
+import { useSnackbar as be } from "@feedmepos/ui-library";
+import { g as ie, s as de, a as ge, r as ae, u as le, b as Pe } from "./app-DaX8cX_Q.js";
+const Ie = { class: "flex flex-row items-center" }, he = { key: 0 }, Se = {
+  key: 1,
+  class: "ml-7"
+}, xe = { key: 0 }, _e = { class: "font-bold" }, Te = {
+  key: 2,
+  class: "ml-7"
+}, Ve = { class: "ml-7" }, ke = { class: "ml-7" }, we = { class: "flex flex-row gap-9" }, Ce = /* @__PURE__ */ ne({
+  __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(u, { emit: c }) {
+    const { t: e } = re(), v = u, x = c;
+    async function V(d) {
+      x(
+        "update:offlinePaymentTypes",
+        v.offlinePaymentTypes.filter((o, n) => n !== d)
+      );
+    }
+    const N = F(() => (v.paymentTypes || []).includes(M.enum.ePayment)), H = F(() => {
+      const d = v.paymentTypes || [], o = v.offlinePaymentTypes || [];
+      return d.includes(M.enum.cash) || o.length > 0;
+    }), t = E(!1), g = E([]), w = E(), y = E([]), C = E(!1), O = E(!1), h = E(!1), T = [
+      { label: e("order.offlinePayment"), value: "offline" },
+      { label: e("order.ePayment"), value: "e-payment" }
+    ], B = () => {
+      const d = [];
+      H.value && d.push("offline"), N.value && d.push("e-payment"), g.value = d, t.value = d.length === T.length, Object.keys(v.ePaymentTypes).length !== 0 && (v.ePaymentTypes.terminal && (O.value = !0), v.ePaymentTypes.card.terminal ? (w.value = p.enum.TERMINAL, C.value = !0) : v.ePaymentTypes.card.nfc && (w.value = p.enum.NFC, C.value = !0), v.ePaymentTypes.eWallet.qrPay && (y.value.push(p.enum.QRPAY), h.value = !0), v.ePaymentTypes.eWallet.scanPay && (y.value.push(p.enum.SCANPAY), h.value = !0), v.ePaymentTypes.eWallet.terminalScanPay && (y.value.push(p.enum.TERMINAL_SCAN_PAY), h.value = !0), v.ePaymentTypes.eWallet.terminalQrPay && (y.value.push(p.enum.TERMINAL_QR_PAY), h.value = !0));
+    };
+    B();
+    const K = (d) => {
+      g.value = d ? T.map((a) => a.value) : [], t.value = d;
+      const o = [], n = d ? v.offlinePaymentTypes || [] : [];
+      g.value.includes("e-payment") && (o.push(M.enum.ePayment), C.value = !0, h.value = !0), g.value.includes("offline") && o.push(M.enum.cash), x("update:paymentTypes", o), x("update:offlinePaymentTypes", n), $(C.value), Q(h.value);
+    }, Y = (d) => {
+      const o = g.value;
+      g.value = d, t.value = d.length === T.length;
+      const n = [], a = d.includes("offline") ? v.offlinePaymentTypes || [] : [];
+      d.includes("e-payment") && n.push(M.enum.ePayment), d.includes("offline") && n.push(M.enum.cash), o.includes("e-payment") || (C.value = !0, h.value = !0, $(C.value), Q(h.value)), x("update:paymentTypes", n), x("update:offlinePaymentTypes", a);
+    }, W = (d) => {
+      const o = {
+        terminal: !1,
+        card: {
+          terminal: !1,
+          nfc: !1
+        },
+        eWallet: {
+          qrPay: !1,
+          scanPay: !1,
+          terminalScanPay: !1,
+          terminalQrPay: !1
+        }
+      };
+      g.value.includes("e-payment") && (d == p.enum.TERMINAL && (o.card.terminal = !0), d == p.enum.NFC && (o.card.nfc = !0), y.value.length > 0 && (y.value.includes(p.enum.QRPAY) && (o.eWallet.qrPay = !0), y.value.includes(p.enum.SCANPAY) && (o.eWallet.scanPay = !0), y.value.includes(p.enum.TERMINAL_SCAN_PAY) && (o.eWallet.terminalScanPay = !0), y.value.includes(p.enum.TERMINAL_QR_PAY) && (o.eWallet.terminalQrPay = !0))), O.value && (o.terminal = !0), x("update:ePaymentTypes", o);
+    }, U = () => {
+      const d = {
+        terminal: !1,
+        card: {
+          terminal: !1,
+          nfc: !1
+        },
+        eWallet: {
+          qrPay: !1,
+          scanPay: !1,
+          terminalScanPay: !1,
+          terminalQrPay: !1
+        }
+      };
+      g.value.includes("e-payment") && (w.value && (w.value === p.enum.TERMINAL && (d.card.terminal = !0), w.value === p.enum.NFC && (d.card.nfc = !0)), O.value && (d.terminal = !0), y.value.includes(p.enum.QRPAY) && (d.eWallet.qrPay = !0), y.value.includes(p.enum.SCANPAY) && (d.eWallet.scanPay = !0), y.value.includes(p.enum.TERMINAL_SCAN_PAY) && (d.eWallet.terminalScanPay = !0), y.value.includes(p.enum.TERMINAL_QR_PAY) && (d.eWallet.terminalQrPay = !0)), x("update:ePaymentTypes", d);
+    }, $ = (d) => {
+      w.value = "", d && (w.value = p.enum.TERMINAL), U();
+    }, Q = (d) => {
+      y.value = [], d && (y.value = [
+        p.enum.QRPAY,
+        p.enum.SCANPAY
+      ]), U();
+    };
+    return pe(() => {
+      B();
+    }), (d, o) => {
+      var s, X;
+      const n = k("FmCheckbox"), a = k("FmCardSection"), m = k("FmCard"), P = k("FmButton"), S = k("FmSwitch"), R = k("FmRadio"), j = k("FmRadioGroup");
+      return I(), _(G, null, [
+        i(n, {
+          value: "",
+          "model-value": t.value,
+          label: l(e)("order.all"),
+          indeterminate: g.value.length > 0 && g.value.length < T.length,
+          "onUpdate:modelValue": K
+        }, null, 8, ["model-value", "label", "indeterminate"]),
+        r("div", Ie, [
+          i(n, {
+            modelValue: g.value,
+            "onUpdate:modelValue": [
+              o[0] || (o[0] = (f) => g.value = f),
+              Y
+            ],
+            label: T[0].label,
+            value: T[0].value
+          }, null, 8, ["modelValue", "label", "value"])
+        ]),
+        g.value.includes(T[0].value) && ((s = u.offlinePaymentTypes) == null ? void 0 : s.length) === 0 ? (I(), _("div", he, [
+          i(ye, {
+            "onUpdate:offlinePaymentTypes": o[1] || (o[1] = (f) => x("update:offlinePaymentTypes", f))
+          })
+        ])) : q("", !0),
+        g.value.includes("offline") ? (I(), _("div", Se, [
+          ((X = u.offlinePaymentTypes) == null ? void 0 : X.length) === 0 ? (I(), _("div", xe, [
+            i(m, { variant: "outlined" }, {
+              default: A(() => [
+                i(a, null, {
+                  default: A(() => [
+                    ce(b(l(e)("order.payAtCounter")), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ])) : q("", !0),
+          (I(!0), _(G, null, J(u.offlinePaymentTypes, (f, me) => (I(), _("p", { key: me }, [
+            i(m, { variant: "outlined" }, {
+              default: A(() => [
+                i(a, { class: "flex items-center justify-between" }, {
+                  default: A(() => [
+                    r("div", null, [
+                      r("span", _e, b(f.name), 1),
+                      o[11] || (o[11] = r("br", null, null, -1)),
+                      r("span", null, b(f.instruction), 1)
+                    ]),
+                    (I(!0), _(G, null, J(u.offlinePaymentTypes, (wa, Z) => (I(), _("div", { key: Z }, [
+                      i(P, {
+                        "append-icon": "delete",
+                        variant: "tertiary",
+                        onClick: (Ca) => V(Z)
+                      }, null, 8, ["onClick"])
+                    ]))), 128))
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 2
+            }, 1024)
+          ]))), 128))
+        ])) : q("", !0),
+        i(n, {
+          modelValue: g.value,
+          "onUpdate:modelValue": [
+            o[2] || (o[2] = (f) => g.value = f),
+            Y
+          ],
+          label: T[1].label,
+          value: T[1].value
+        }, null, 8, ["modelValue", "label", "value"]),
+        g.value.includes(T[1].value) ? (I(), _("div", Te, [
+          i(m, { variant: "outlined" }, {
+            default: A(() => [
+              i(a, null, {
+                default: A(() => [
+                  i(S, {
+                    label: l(e)("order.bankCard"),
+                    sublabel: l(e)("order.cardPaymentDescription"),
+                    "label-placement": "right",
+                    modelValue: C.value,
+                    "onUpdate:modelValue": [
+                      o[3] || (o[3] = (f) => C.value = f),
+                      $
+                    ]
+                  }, null, 8, ["label", "sublabel", "modelValue"]),
+                  o[12] || (o[12] = r("br", null, null, -1)),
+                  L(r("div", Ve, [
+                    i(j, {
+                      modelValue: w.value,
+                      "onUpdate:modelValue": [
+                        o[4] || (o[4] = (f) => w.value = f),
+                        W
+                      ],
+                      inline: ""
+                    }, {
+                      default: A(() => [
+                        i(R, {
+                          label: l(e)("order.terminal"),
+                          value: l(p).enum.TERMINAL
+                        }, null, 8, ["label", "value"]),
+                        i(R, {
+                          label: l(e)("order.nfc"),
+                          value: l(p).enum.NFC
+                        }, null, 8, ["label", "value"])
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ], 512), [
+                    [D, C.value]
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          i(m, {
+            variant: "outlined",
+            class: "mt-2"
+          }, {
+            default: A(() => [
+              i(a, null, {
+                default: A(() => [
+                  i(S, {
+                    label: l(e)("order.terminal"),
+                    sublabel: l(e)("order.terminalPaymentDescription"),
+                    "label-placement": "right",
+                    modelValue: O.value,
+                    "onUpdate:modelValue": [
+                      o[5] || (o[5] = (f) => O.value = f),
+                      $
+                    ]
+                  }, null, 8, ["label", "sublabel", "modelValue"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          i(m, {
+            variant: "outlined",
+            class: "mt-2"
+          }, {
+            default: A(() => [
+              i(a, null, {
+                default: A(() => [
+                  i(S, {
+                    label: l(e)("order.eWallet"),
+                    sublabel: l(e)("order.eWalletDescription"),
+                    "label-placement": "right",
+                    modelValue: h.value,
+                    "onUpdate:modelValue": [
+                      o[6] || (o[6] = (f) => h.value = f),
+                      Q
+                    ]
+                  }, null, 8, ["label", "sublabel", "modelValue"]),
+                  o[13] || (o[13] = r("br", null, null, -1)),
+                  L(r("div", ke, [
+                    r("div", we, [
+                      i(n, {
+                        modelValue: y.value,
+                        "onUpdate:modelValue": [
+                          o[7] || (o[7] = (f) => y.value = f),
+                          U
+                        ],
+                        label: l(e)("order.qrPay"),
+                        value: l(p).enum.QRPAY
+                      }, null, 8, ["modelValue", "label", "value"]),
+                      i(n, {
+                        modelValue: y.value,
+                        "onUpdate:modelValue": [
+                          o[8] || (o[8] = (f) => y.value = f),
+                          U
+                        ],
+                        label: l(e)("order.scanPay"),
+                        value: l(p).enum.SCANPAY
+                      }, null, 8, ["modelValue", "label", "value"]),
+                      i(n, {
+                        modelValue: y.value,
+                        "onUpdate:modelValue": [
+                          o[9] || (o[9] = (f) => y.value = f),
+                          U
+                        ],
+                        label: l(e)("order.terminalScanPay"),
+                        value: l(p).enum.TERMINAL_SCAN_PAY
+                      }, null, 8, ["modelValue", "label", "value"]),
+                      i(n, {
+                        modelValue: y.value,
+                        "onUpdate:modelValue": [
+                          o[10] || (o[10] = (f) => y.value = f),
+                          U
+                        ],
+                        label: l(e)("order.terminalQrPay"),
+                        value: l(p).enum.TERMINAL_QR_PAY
+                      }, null, 8, ["modelValue", "label", "value"])
+                    ])
+                  ], 512), [
+                    [D, h.value]
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ])) : q("", !0)
+      ], 64);
+    };
+  }
+});
+async function Ae(u) {
+  return (await oe({
+    customIdToken: u
+  }).post("/token", { token: u })).data;
+}
+async function Ue(u) {
+  return (await oe({
+    customIdToken: u
+  }).post("/token/idtoken", { customToken: u })).data;
+}
+const ue = {
+  getCustomToken: Ae,
+  getIdToken: Ue
+};
+var Re = { firebase: {} }, Fe = {};
+let z = null;
+function Ee(u) {
+  var v;
+  const c = (v = u.name.split(".").pop()) == null ? void 0 : v.toLowerCase();
+  return c && /^[a-z0-9]+$/.test(c) ? c : {
+    "image/jpeg": "jpg",
+    "image/png": "png",
+    "image/webp": "webp",
+    "image/gif": "gif"
+  }[u.type] ?? "bin";
+}
+function Ne() {
+  var e;
+  return (((e = Fe.firebase) == null ? void 0 : e.storageBucket) ?? Re.firebase.storageBucket ?? "image.feedmedev.cc").replace(/^https?:\/\//, "").replace(/\/+$/, "");
+}
+function Oe(u) {
+  const c = u.replace(/^\/+/, "");
+  return `https://${Ne()}/${c}`;
+}
+async function $e() {
+  const u = ie();
+  if (!u.currentUser && (await u.authStateReady(), !u.currentUser && (z || (z = (async () => {
+    const c = se.getIdToken();
+    if (!c)
+      throw new Error("Missing session token for Firebase authentication");
+    const e = await ue.getCustomToken(c);
+    await de(u, e);
+  })().finally(() => {
+    z = null;
+  })), await z, !u.currentUser)))
+    throw new Error("User not authenticated for image upload");
+}
+async function Me() {
+  const u = ie(), c = se.getIdToken();
+  if (!c)
+    throw new Error("Missing session token for Firebase authentication");
+  u.currentUser && await Pe(u);
+  const e = await ue.getCustomToken(c);
+  await de(u, e);
+}
+async function Le(u, c) {
+  const e = ge(), v = ae(e, u);
+  try {
+    await le(v, c, {
+      contentType: c.type || void 0
+    });
+    return;
+  } catch (V) {
+    if ((V == null ? void 0 : V.code) !== "storage/unauthorized")
+      throw V;
+  }
+  await Me();
+  const x = ae(e, u);
+  await le(x, c, {
+    contentType: c.type || void 0
+  });
+}
+async function De(u, c) {
+  await $e();
+  const e = u.replace(/^\/+/, "").replace(/\/+$/, ""), v = Ee(c), x = `${Date.now()}_${Math.random().toString(36).slice(2, 10)}.${v}`, V = `${e}/${x}`;
+  return await Le(V, c), Oe(V);
+}
+const We = {
+  key: 0,
+  class: "flex flex-col gap-32"
+}, Ye = {
+  key: 0,
+  class: "flex flex-col gap-2"
+}, Qe = { class: "fm-typo-en-title-sm-600" }, je = { class: "flex flex-col gap-1 w-full md:w-1/2" }, qe = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Be = { class: "flex flex-col gap-2" }, ze = { class: "fm-typo-en-title-sm-600" }, He = { class: "flex flex-col gap-5" }, Ke = { class: "flex flex-col gap-16" }, Ge = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2 my-5 w-11/12" }, Xe = { class: "fm-typo-en-title-sm-600" }, Ze = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2 my-5 w-11/12" }, Je = { class: "fm-typo-en-title-sm-600" }, ea = { class: "flex flex-row gap-2" }, aa = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2 my-5 w-11/12" }, la = { class: "fm-typo-en-title-sm-600" }, ta = { class: "flex flex-col gap-2" }, na = { class: "fm-typo-en-title-sm-600" }, oa = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2 my-5 w-11/12" }, sa = { class: "fm-typo-en-title-sm-600" }, ra = { class: "flex flex-col gap-2" }, ia = { class: "fm-typo-en-title-sm-600" }, da = { class: "flex flex-col gap-2" }, ua = { class: "fm-typo-en-title-sm-600" }, ma = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, pa = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-4 my-5 w-11/12" }, ca = { class: "fm-typo-en-body-md-600" }, ya = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, fa = {
+  key: 1,
+  class: "flex flex-col gap-2"
+}, va = ["src", "alt"], ba = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-4 my-5 w-11/12" }, ga = { class: "fm-typo-en-body-md-600" }, Pa = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ia = {
+  key: 1,
+  class: "flex flex-col gap-2"
+}, ha = ["src", "alt"], Sa = { class: "flex flex-col gap-2" }, xa = { class: "fm-typo-en-title-sm-600" }, _a = { class: "flex flex-col gap-2" }, Ta = { class: "fm-typo-en-title-sm-600" }, Va = { class: "fm-typo-en-title-sm-400 font-bold" }, ka = { key: 1 }, te = 10 * 1e3 * 1e3, Oa = /* @__PURE__ */ ne({
+  __name: "KioskSettingView",
+  props: {
+    restaurantId: {},
+    form: {}
+  },
+  emits: ["updateKioskOrderSetting"],
+  setup(u, { emit: c }) {
+    const { t: e } = re(), v = ve(), x = F(() => {
+      var n;
+      return ((n = v.sessionUser.value) == null ? void 0 : n.role.isAdmin) ?? !1;
+    }), V = u, N = be(), H = c, t = E(V.form), g = (n) => n < 0 ? e("order.nonNegativeRule") : !0, w = (n) => n <= (t.value.dineIn.displayStand.standSlotRange.min ?? 0) ? e("order.greaterThanMinRule") : !0, y = F(() => [g]), C = F(() => [g]), O = F(() => [g, w]), h = F(() => {
+      var m;
+      const n = t.value, a = (m = n.otaChannel) == null ? void 0 : m.trim();
+      if (n.dineIn.enabled && n.dineIn.displayStand.enabled) {
+        const { padDigit: P, standSlotRange: S } = n.dineIn.displayStand;
+        if (!(P != null && P >= 0 && S.min != null && S.max != null && S.min <= S.max)) return null;
+      }
+      return {
+        ...n,
+        otaChannel: a || void 0,
+        dineIn: {
+          ...n.dineIn,
+          displayStand: {
+            ...n.dineIn.displayStand,
+            enabled: n.dineIn.enabled && n.dineIn.displayStand.enabled,
+            padDigit: n.dineIn.displayStand.padDigit ?? 0,
+            standSlotRange: {
+              min: n.dineIn.displayStand.standSlotRange.min ?? 0,
+              max: n.dineIn.displayStand.standSlotRange.max ?? 10
+            },
+            prefix: n.dineIn.displayStand.prefix ?? ""
+          }
+        }
+      };
+    }), { startAsyncCall: T } = fe();
+    function B(n) {
+      t.value.paymentSetting.paymentTypes = n;
+    }
+    function K(n) {
+      t.value.paymentSetting.ePaymentTypes = n;
+    }
+    function Y(n) {
+      t.value[n] = null;
+    }
+    function W(n) {
+      const a = t.value[n];
+      if (!a) return null;
+      const m = a.trim();
+      return m.length > 0 ? m : null;
+    }
+    async function U(n, a) {
+      try {
+        const m = await T(async () => {
+          const P = `/restaurant/${V.restaurantId}/kiosk/${n}`;
+          return await De(P, a);
+        });
+        t.value[n] = m, N.open({
+          title: e("order.imageUploadSuccess"),
+          type: "success"
+        });
+      } catch (m) {
+        console.error(m), N.open({
+          title: e("order.imageUploadFailed"),
+          type: "error"
+        });
+      }
+    }
+    function $(n, a) {
+      var S, R;
+      const m = e(n === "coverImageLandscape" ? "order.coverImageLandscape" : "order.coverImagePortrait"), P = (R = (S = a[0]) == null ? void 0 : S.reason) == null ? void 0 : R[0];
+      N.open({
+        title: P ? `${e("order.imageUploadRejected")}: ${m} (${P})` : `${e("order.imageUploadRejected")}: ${m}`,
+        type: "error"
+      });
+    }
+    const Q = F(() => (t.value.paymentSetting.paymentTypes || []).includes(M.enum.ePayment)), d = F({
+      get: () => (t.value.dineIn.displayStand.enabled && t.value.dineIn.displayStand.enablePaxDialog || t.value.dineIn.pickUp.enablePaxDialog) ?? !1,
+      set: (n) => {
+        t.value.dineIn.displayStand.enablePaxDialog = n, t.value.dineIn.pickUp.enablePaxDialog = n;
+      }
+    });
+    async function o() {
+      if (h.value) {
+        const n = h.value;
+        T(async () => {
+          await H("updateKioskOrderSetting", n);
+        });
+      } else
+        N.open({
+          title: e("order.failedToUpdateSetting"),
+          type: "error"
+        });
+    }
+    return (n, a) => {
+      const m = k("FmTextField"), P = k("FmSwitch"), S = k("FmStepperField"), R = k("FmDropField"), j = k("FmButton");
+      return t.value ? (I(), _("div", We, [
+        x.value ? (I(), _("div", Ye, [
+          r("span", Qe, b(l(e)("order.otaChannel")), 1),
+          r("div", je, [
+            i(m, {
+              modelValue: t.value.otaChannel,
+              "onUpdate:modelValue": a[0] || (a[0] = (s) => t.value.otaChannel = s),
+              label: l(e)("order.otaChannel"),
+              placeholder: l(e)("order.otaChannelHint")
+            }, null, 8, ["modelValue", "label", "placeholder"]),
+            r("span", qe, b(l(e)("order.otaChannelHint")), 1)
+          ])
+        ])) : q("", !0),
+        r("div", Be, [
+          r("span", ze, b(l(e)("order.dineIn")), 1),
+          r("div", He, [
+            i(P, {
+              modelValue: t.value.dineIn.enabled,
+              "onUpdate:modelValue": a[1] || (a[1] = (s) => t.value.dineIn.enabled = s),
+              label: l(e)("order.dineIn"),
+              "label-placement": "right"
+            }, null, 8, ["modelValue", "label"]),
+            L(r("div", Ke, [
+              r("div", null, [
+                i(P, {
+                  modelValue: t.value.dineIn.pickUp.enabled,
+                  "onUpdate:modelValue": a[2] || (a[2] = (s) => t.value.dineIn.pickUp.enabled = s),
+                  label: l(e)("order.pickAtCounter"),
+                  "label-placement": "right"
+                }, null, 8, ["modelValue", "label"]),
+                L(r("div", Ge, [
+                  r("span", Xe, b(l(e)("order.submitOrderInstruction")), 1),
+                  i(m, {
+                    modelValue: t.value.dineIn.pickUp.submitOrderInstruction.payAtCounter,
+                    "onUpdate:modelValue": a[3] || (a[3] = (s) => t.value.dineIn.pickUp.submitOrderInstruction.payAtCounter = s),
+                    label: l(e)("order.payAtCounter"),
+                    placeholder: "Collect your transaction slip below and present it to the cashier"
+                  }, null, 8, ["modelValue", "label"]),
+                  i(m, {
+                    modelValue: t.value.dineIn.pickUp.submitOrderInstruction.paid,
+                    "onUpdate:modelValue": a[4] || (a[4] = (s) => t.value.dineIn.pickUp.submitOrderInstruction.paid = s),
+                    label: l(e)("order.paid"),
+                    placeholder: "Please wait as we prepare your food. We'll call your number when it's ready."
+                  }, null, 8, ["modelValue", "label"])
+                ], 512), [
+                  [D, t.value.dineIn.pickUp.enabled]
+                ])
+              ]),
+              r("div", null, [
+                i(P, {
+                  modelValue: t.value.dineIn.displayStand.enabled,
+                  "onUpdate:modelValue": a[5] || (a[5] = (s) => t.value.dineIn.displayStand.enabled = s),
+                  label: l(e)("order.displayStand"),
+                  "label-placement": "right"
+                }, null, 8, ["modelValue", "label"]),
+                L(r("div", Ze, [
+                  r("span", Je, b(l(e)("order.tableServiceSetting")), 1),
+                  i(m, {
+                    modelValue: t.value.dineIn.displayStand.prefix,
+                    "onUpdate:modelValue": a[6] || (a[6] = (s) => t.value.dineIn.displayStand.prefix = s),
+                    label: l(e)("order.prefix"),
+                    placeholder: l(e)("order.prefix")
+                  }, null, 8, ["modelValue", "label", "placeholder"]),
+                  r("div", ea, [
+                    i(S, {
+                      modelValue: t.value.dineIn.displayStand.standSlotRange.min,
+                      "onUpdate:modelValue": a[7] || (a[7] = (s) => t.value.dineIn.displayStand.standSlotRange.min = s),
+                      class: "w-1/2",
+                      label: l(e)("order.start"),
+                      labelMark: "required",
+                      rules: C.value,
+                      placeholder: l(e)("order.enterANumber")
+                    }, null, 8, ["modelValue", "label", "rules", "placeholder"]),
+                    i(S, {
+                      modelValue: t.value.dineIn.displayStand.standSlotRange.max,
+                      "onUpdate:modelValue": a[8] || (a[8] = (s) => t.value.dineIn.displayStand.standSlotRange.max = s),
+                      class: "w-1/2",
+                      label: l(e)("order.end"),
+                      labelMark: "required",
+                      rules: O.value,
+                      placeholder: l(e)("order.enterANumber")
+                    }, null, 8, ["modelValue", "label", "rules", "placeholder"])
+                  ]),
+                  i(S, {
+                    modelValue: t.value.dineIn.displayStand.padDigit,
+                    "onUpdate:modelValue": a[9] || (a[9] = (s) => t.value.dineIn.displayStand.padDigit = s),
+                    label: l(e)("order.padDigit"),
+                    labelMark: "required",
+                    rules: y.value,
+                    placeholder: l(e)("order.padDigit")
+                  }, null, 8, ["modelValue", "label", "rules", "placeholder"])
+                ], 512), [
+                  [D, t.value.dineIn.displayStand.enabled]
+                ]),
+                L(r("div", aa, [
+                  r("span", la, b(l(e)("order.submitOrderInstruction")), 1),
+                  i(m, {
+                    modelValue: t.value.dineIn.displayStand.submitOrderInstruction.payAtCounter,
+                    "onUpdate:modelValue": a[10] || (a[10] = (s) => t.value.dineIn.displayStand.submitOrderInstruction.payAtCounter = s),
+                    label: l(e)("order.payAtCounter"),
+                    placeholder: "Collect your transaction slip below and present it to the cashier"
+                  }, null, 8, ["modelValue", "label"]),
+                  i(m, {
+                    modelValue: t.value.dineIn.displayStand.submitOrderInstruction.paid,
+                    "onUpdate:modelValue": a[11] || (a[11] = (s) => t.value.dineIn.displayStand.submitOrderInstruction.paid = s),
+                    label: l(e)("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), [
+                  [D, t.value.dineIn.displayStand.enabled]
+                ])
+              ])
+            ], 512), [
+              [D, t.value.dineIn.enabled]
+            ])
+          ])
+        ]),
+        r("div", ta, [
+          r("span", na, b(l(e)("order.takeawayTitle")), 1),
+          i(P, {
+            modelValue: t.value.takeaway.enabled,
+            "onUpdate:modelValue": a[12] || (a[12] = (s) => t.value.takeaway.enabled = s),
+            label: l(e)("order.takeaway"),
+            "label-placement": "right",
+            class: "mb-5"
+          }, null, 8, ["modelValue", "label"]),
+          L(r("div", oa, [
+            r("span", sa, b(l(e)("order.submitOrderInstruction")), 1),
+            i(m, {
+              modelValue: t.value.takeaway.submitOrderInstruction.payAtCounter,
+              "onUpdate:modelValue": a[13] || (a[13] = (s) => t.value.takeaway.submitOrderInstruction.payAtCounter = s),
+              label: l(e)("order.payAtCounter"),
+              placeholder: "Collect your transaction slip below and present it to the cashier"
+            }, null, 8, ["modelValue", "label"]),
+            i(m, {
+              modelValue: t.value.takeaway.submitOrderInstruction.paid,
+              "onUpdate:modelValue": a[14] || (a[14] = (s) => t.value.takeaway.submitOrderInstruction.paid = s),
+              label: l(e)("order.paid"),
+              placeholder: "Please wait as we prepare your food. We'll call your number when it's ready."
+            }, null, 8, ["modelValue", "label"])
+          ], 512), [
+            [D, t.value.takeaway.enabled]
+          ])
+        ]),
+        r("div", ra, [
+          r("span", ia, b(l(e)("order.menuItem")), 1),
+          i(P, {
+            modelValue: t.value.menuItem.showAllOnly,
+            "onUpdate:modelValue": a[15] || (a[15] = (s) => t.value.menuItem.showAllOnly = s),
+            label: l(e)("order.showNotAvailableMenuItem"),
+            "label-placement": "right",
+            class: "mb-5"
+          }, null, 8, ["modelValue", "label"])
+        ]),
+        r("div", da, [
+          r("span", ua, b(l(e)("order.coverImage")), 1),
+          r("span", ma, b(l(e)("order.coverImageFallbackHint")), 1),
+          r("div", pa, [
+            r("span", ca, b(l(e)("order.coverImageLandscape")), 1),
+            r("span", ya, b(l(e)("order.coverImageLandscapeHint")), 1),
+            W("coverImageLandscape") ? (I(), _("div", fa, [
+              r("img", {
+                src: W("coverImageLandscape"),
+                alt: l(e)("order.coverImageLandscape"),
+                class: "max-w-[400px] aspect-video object-cover rounded-md border border-fm-color-neutral-gray-200"
+              }, null, 8, va),
+              i(j, {
+                variant: "tertiary",
+                class: "mr-auto",
+                label: l(e)("common.delete"),
+                onClick: a[18] || (a[18] = (s) => Y("coverImageLandscape"))
+              }, null, 8, ["label"])
+            ])) : (I(), ee(R, {
+              key: 0,
+              accept: "image/*",
+              "max-file-size": te,
+              "content-class": "w-full max-w-[400px] aspect-video",
+              onFileUpload: a[16] || (a[16] = (s) => U("coverImageLandscape", s)),
+              onFileRejected: a[17] || (a[17] = (s) => $("coverImageLandscape", s))
+            }))
+          ]),
+          r("div", ba, [
+            r("span", ga, b(l(e)("order.coverImagePortrait")), 1),
+            r("span", Pa, b(l(e)("order.coverImagePortraitHint")), 1),
+            W("coverImagePortrait") ? (I(), _("div", Ia, [
+              r("img", {
+                src: W("coverImagePortrait"),
+                alt: l(e)("order.coverImagePortrait"),
+                class: "max-w-[200px] aspect-[9/16] object-cover rounded-md border border-fm-color-neutral-gray-200"
+              }, null, 8, ha),
+              i(j, {
+                variant: "tertiary",
+                class: "mr-auto",
+                label: l(e)("common.delete"),
+                onClick: a[21] || (a[21] = (s) => Y("coverImagePortrait"))
+              }, null, 8, ["label"])
+            ])) : (I(), ee(R, {
+              key: 0,
+              accept: "image/*",
+              "max-file-size": te,
+              "content-class": "w-[240px] aspect-[9/16]",
+              onFileUpload: a[19] || (a[19] = (s) => U("coverImagePortrait", s)),
+              onFileRejected: a[20] || (a[20] = (s) => $("coverImagePortrait", s))
+            }))
+          ])
+        ]),
+        r("div", Sa, [
+          r("span", xa, b(l(e)("order.displayPaxDialogTitle")), 1),
+          i(P, {
+            modelValue: d.value,
+            "onUpdate:modelValue": a[22] || (a[22] = (s) => d.value = s),
+            label: l(e)("order.displayPaxDialogDescription"),
+            "label-placement": "right",
+            class: "mb-5"
+          }, null, 8, ["modelValue", "label"])
+        ]),
+        r("div", _a, [
+          r("span", Ta, b(l(e)("order.acceptedPayment")), 1),
+          r("span", Va, b(l(e)("order.configuration")), 1),
+          i(Ce, {
+            "payment-types": t.value.paymentSetting.paymentTypes ?? [],
+            "allow-e-payment": Q.value,
+            "offline-payment-types": t.value.paymentSetting.offlinePaymentTypes ?? [],
+            ePaymentTypes: t.value.paymentSetting.ePaymentTypes ?? {},
+            "onUpdate:paymentTypes": B,
+            "onUpdate:offlinePaymentTypes": a[23] || (a[23] = (s) => t.value.paymentSetting.offlinePaymentTypes = s),
+            "onUpdate:ePaymentTypes": K
+          }, null, 8, ["payment-types", "allow-e-payment", "offline-payment-types", "ePaymentTypes"])
+        ]),
+        i(j, {
+          class: "w-1/4 mb-10",
+          variant: "primary",
+          label: l(e)("order.updateSetting"),
+          disabled: !h.value,
+          onClick: o
+        }, null, 8, ["label", "disabled"])
+      ])) : (I(), _("div", ka, b(l(e)("order.pleaseSelectRestaurant")), 1));
+    };
+  }
+});
+export {
+  Oa as default
+};