@feedmepos/mf-order-setting 0.0.52-dev.2 → 0.0.53

package/dist/KioskSettingView-BE_pMA-i.js

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