@feedmepos/mf-order-setting 0.0.76 → 0.0.77

package/dist/KioskSettingView-BUcPNVTc.js

@@ -0,0 +1,681 @@
+import { defineComponent as oe, computed as A, ref as L, onMounted as pe, resolveComponent as w, openBlock as k, createBlock as G, withCtx as T, createVNode as s, unref as a, createElementVNode as r, withDirectives as R, vShow as U, watch as ce, createElementBlock as q, toDisplayString as g, createCommentVNode as ye } from "vue";
+import { e as le, b as re, s as se, d as fe, r as ae, f as te, h as ve } from "./app-BIvt4NBq.js";
+import { b as m, c as be } from "./lineman-settings.dto-DBDThIb0.js";
+import { _ as ge, u as Ie, a as Pe } from "./index-CLS-FSH-.js";
+import { useI18n as de, FeedMeAuth as ie, useCoreStore as Se } from "@feedmepos/mf-common";
+import { useSnackbar as xe } from "@feedmepos/ui-library";
+const we = { class: "ml-7" }, _e = { class: "ml-7" }, Ce = { class: "flex flex-row gap-9" }, Ve = /* @__PURE__ */ oe({
+  __name: "KioskPaymentTypeSection",
+  props: {
+    paymentTypes: {
+      type: Array,
+      required: !0
+    },
+    offlinePaymentTypes: {
+      type: Array,
+      required: !0
+    },
+    allowEPayment: {
+      type: [Boolean, String],
+      required: !0
+    },
+    allowCredit: {
+      type: [Boolean, String],
+      default: !1
+    },
+    ePaymentTypes: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["update:paymentTypes", "update:offlinePaymentTypes", "update:ePaymentTypes"],
+  setup(i, { emit: p }) {
+    const { t: e } = de(), b = i, _ = p, P = A(() => (b.paymentTypes || []).includes(le.F_ORDER_PAYMENT_TYPE.enum.ePayment)), I = L(), y = L([]), l = L(!1), F = L(!1), C = L(!1), j = () => {
+      Object.keys(b.ePaymentTypes).length !== 0 && (b.ePaymentTypes.terminal && (F.value = !0), b.ePaymentTypes.card.terminal ? (I.value = m.enum.TERMINAL, l.value = !0) : b.ePaymentTypes.card.nfc && (I.value = m.enum.NFC, l.value = !0), b.ePaymentTypes.eWallet.qrPay && (y.value.push(m.enum.QRPAY), C.value = !0), b.ePaymentTypes.eWallet.scanPay && (y.value.push(m.enum.SCANPAY), C.value = !0));
+    };
+    j();
+    const K = (c) => {
+      const d = {
+        terminal: !1,
+        card: {
+          terminal: !1,
+          nfc: !1
+        },
+        eWallet: {
+          qrPay: !1,
+          scanPay: !1
+        }
+      };
+      P.value && (c == m.enum.TERMINAL && (d.card.terminal = !0), c == m.enum.NFC && (d.card.nfc = !0), y.value.length > 0 && (y.value.includes(m.enum.QRPAY) && (d.eWallet.qrPay = !0), y.value.includes(m.enum.SCANPAY) && (d.eWallet.scanPay = !0))), F.value && (d.terminal = !0), _("update:ePaymentTypes", d);
+    }, V = () => {
+      const c = {
+        terminal: !1,
+        card: {
+          terminal: !1,
+          nfc: !1
+        },
+        eWallet: {
+          qrPay: !1,
+          scanPay: !1,
+          terminalScanPay: !1,
+          terminalQrPay: !1
+        }
+      };
+      P.value && (I.value && (I.value === m.enum.TERMINAL && (c.card.terminal = !0), I.value === m.enum.NFC && (c.card.nfc = !0)), F.value && (c.terminal = !0), y.value.includes(m.enum.QRPAY) && (c.eWallet.qrPay = !0), y.value.includes(m.enum.SCANPAY) && (c.eWallet.scanPay = !0), y.value.includes(m.enum.TERMINAL_SCAN_PAY) && (c.eWallet.terminalScanPay = !0), y.value.includes(m.enum.TERMINAL_QR_PAY) && (c.eWallet.terminalQrPay = !0)), _("update:ePaymentTypes", c);
+    }, Q = (c) => {
+      I.value = "", c && (I.value = m.enum.TERMINAL), V();
+    }, E = (c) => {
+      y.value = [], c && (y.value = [
+        m.enum.QRPAY,
+        m.enum.SCANPAY
+      ]), V();
+    }, z = (c) => {
+      _("update:paymentTypes", c), c.includes(le.F_ORDER_PAYMENT_TYPE.enum.ePayment) || (l.value = !1, C.value = !1, Q(!1), E(!1));
+    };
+    return pe(() => {
+      j();
+    }), (c, d) => {
+      const Y = w("FmSwitch"), B = w("FmRadio"), N = w("FmRadioGroup"), O = w("FmCardSection"), D = w("FmCard"), M = w("FmCheckbox");
+      return k(), G(ge, {
+        "payment-types": i.paymentTypes,
+        "offline-payment-types": i.offlinePaymentTypes,
+        "allow-e-payment": b.allowEPayment,
+        "allow-credit": b.allowCredit,
+        "onUpdate:paymentTypes": z,
+        "onUpdate:offlinePaymentTypes": d[8] || (d[8] = (f) => _("update:offlinePaymentTypes", f || []))
+      }, {
+        "e-payment-content": T(() => [
+          s(D, { variant: "outlined" }, {
+            default: T(() => [
+              s(O, null, {
+                default: T(() => [
+                  s(Y, {
+                    label: a(e)("order.bankCard"),
+                    sublabel: a(e)("order.cardPaymentDescription"),
+                    "label-placement": "right",
+                    modelValue: l.value,
+                    "onUpdate:modelValue": [
+                      d[0] || (d[0] = (f) => l.value = f),
+                      Q
+                    ]
+                  }, null, 8, ["label", "sublabel", "modelValue"]),
+                  d[9] || (d[9] = r("br", null, null, -1)),
+                  R(r("div", we, [
+                    s(N, {
+                      modelValue: I.value,
+                      "onUpdate:modelValue": [
+                        d[1] || (d[1] = (f) => I.value = f),
+                        K
+                      ],
+                      inline: ""
+                    }, {
+                      default: T(() => [
+                        s(B, {
+                          label: a(e)("order.terminal"),
+                          value: a(m).enum.TERMINAL
+                        }, null, 8, ["label", "value"]),
+                        s(B, {
+                          label: a(e)("order.nfc"),
+                          value: a(m).enum.NFC
+                        }, null, 8, ["label", "value"])
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ], 512), [
+                    [U, l.value]
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          s(D, {
+            variant: "outlined",
+            class: "mt-2"
+          }, {
+            default: T(() => [
+              s(O, null, {
+                default: T(() => [
+                  s(Y, {
+                    label: a(e)("order.terminal"),
+                    sublabel: a(e)("order.terminalPaymentDescription"),
+                    "label-placement": "right",
+                    modelValue: F.value,
+                    "onUpdate:modelValue": [
+                      d[2] || (d[2] = (f) => F.value = f),
+                      V
+                    ]
+                  }, null, 8, ["label", "sublabel", "modelValue"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          s(D, {
+            variant: "outlined",
+            class: "mt-2"
+          }, {
+            default: T(() => [
+              s(O, null, {
+                default: T(() => [
+                  s(Y, {
+                    label: a(e)("order.eWallet"),
+                    sublabel: a(e)("order.eWalletDescription"),
+                    "label-placement": "right",
+                    modelValue: C.value,
+                    "onUpdate:modelValue": [
+                      d[3] || (d[3] = (f) => C.value = f),
+                      E
+                    ]
+                  }, null, 8, ["label", "sublabel", "modelValue"]),
+                  d[10] || (d[10] = r("br", null, null, -1)),
+                  R(r("div", _e, [
+                    r("div", Ce, [
+                      s(M, {
+                        modelValue: y.value,
+                        "onUpdate:modelValue": [
+                          d[4] || (d[4] = (f) => y.value = f),
+                          V
+                        ],
+                        label: a(e)("order.qrPay"),
+                        value: a(m).enum.QRPAY
+                      }, null, 8, ["modelValue", "label", "value"]),
+                      s(M, {
+                        modelValue: y.value,
+                        "onUpdate:modelValue": [
+                          d[5] || (d[5] = (f) => y.value = f),
+                          V
+                        ],
+                        label: a(e)("order.scanPay"),
+                        value: a(m).enum.SCANPAY
+                      }, null, 8, ["modelValue", "label", "value"]),
+                      s(M, {
+                        modelValue: y.value,
+                        "onUpdate:modelValue": [
+                          d[6] || (d[6] = (f) => y.value = f),
+                          V
+                        ],
+                        label: a(e)("order.terminalScanPay"),
+                        value: a(m).enum.TERMINAL_SCAN_PAY
+                      }, null, 8, ["modelValue", "label", "value"]),
+                      s(M, {
+                        modelValue: y.value,
+                        "onUpdate:modelValue": [
+                          d[7] || (d[7] = (f) => y.value = f),
+                          V
+                        ],
+                        label: a(e)("order.terminalQrPay"),
+                        value: a(m).enum.TERMINAL_QR_PAY
+                      }, null, 8, ["modelValue", "label", "value"])
+                    ])
+                  ], 512), [
+                    [U, C.value]
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["payment-types", "offline-payment-types", "allow-e-payment", "allow-credit"]);
+    };
+  }
+});
+var he = { firebase: {} }, Te = {};
+let H = null;
+function Ae(i) {
+  var b;
+  const p = (b = i.name.split(".").pop()) == null ? void 0 : b.toLowerCase();
+  return p && /^[a-z0-9]+$/.test(p) ? p : {
+    "image/jpeg": "jpg",
+    "image/png": "png",
+    "image/webp": "webp",
+    "image/gif": "gif"
+  }[i.type] ?? "bin";
+}
+function ke() {
+  var e;
+  return (((e = Te.firebase) == null ? void 0 : e.storageBucket) ?? he.firebase.storageBucket ?? "image.feedme.cc").replace(/^https?:\/\//, "").replace(/\/+$/, "");
+}
+function Re(i) {
+  const p = i.replace(/^\/+/, "");
+  return `https://${ke()}/${p}`;
+}
+async function Ue() {
+  const i = re();
+  if (!i.currentUser && (await i.authStateReady(), !i.currentUser && (H || (H = (async () => {
+    const p = await ie.getCustomToken();
+    await se(i, p);
+  })().finally(() => {
+    H = null;
+  })), await H, !i.currentUser)))
+    throw new Error("User not authenticated for image upload");
+}
+async function Fe() {
+  const i = re();
+  i.currentUser && await ve(i);
+  const p = await ie.getCustomToken();
+  await se(i, p);
+}
+async function Ee(i, p) {
+  const e = fe(), b = ae(e, i);
+  try {
+    await te(b, p, {
+      contentType: p.type || void 0
+    });
+    return;
+  } catch (P) {
+    if ((P == null ? void 0 : P.code) !== "storage/unauthorized")
+      throw P;
+  }
+  await Fe();
+  const _ = ae(e, i);
+  await te(_, p, {
+    contentType: p.type || void 0
+  });
+}
+async function Ne(i, p) {
+  await Ue();
+  const e = i.replace(/^\/+/, "").replace(/\/+$/, ""), b = Ae(p), _ = `${Date.now()}_${Math.random().toString(36).slice(2, 10)}.${b}`, P = `${e}/${_}`;
+  return await Ee(P, p), Re(P);
+}
+const Oe = {
+  key: 0,
+  class: "flex flex-col gap-32"
+}, De = {
+  key: 0,
+  class: "flex flex-col gap-2"
+}, Me = { class: "fm-typo-en-title-sm-600" }, We = { class: "flex flex-col gap-1 w-full md:w-1/2" }, $e = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Le = { class: "flex flex-col gap-2" }, Ye = { class: "fm-typo-en-title-sm-600" }, Be = { class: "flex flex-col gap-5" }, qe = { class: "flex flex-col gap-16" }, je = { 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" }, He = { class: "fm-typo-en-title-sm-600" }, Ke = { 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" }, el = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2 my-5 w-11/12" }, ll = { class: "fm-typo-en-title-sm-600" }, al = { class: "flex flex-col gap-2" }, tl = { class: "fm-typo-en-title-sm-600" }, nl = { class: "flex flex-col gap-2" }, ol = { class: "fm-typo-en-title-sm-600" }, rl = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, sl = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-4 my-5 w-11/12" }, dl = { class: "fm-typo-en-body-md-600" }, il = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ul = {
+  key: 1,
+  class: "flex flex-col gap-2"
+}, ml = ["src", "alt"], pl = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-4 my-5 w-11/12" }, cl = { class: "fm-typo-en-body-md-600" }, yl = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, fl = {
+  key: 1,
+  class: "flex flex-col gap-2"
+}, vl = ["src", "alt"], bl = { class: "flex flex-col gap-2" }, gl = { class: "fm-typo-en-title-sm-600" }, Il = { class: "flex flex-col gap-2" }, Pl = { class: "fm-typo-en-title-sm-600" }, Sl = { class: "flex flex-col gap-5" }, xl = { class: "flex flex-col gap-2" }, wl = { key: 1 }, ne = 10 * 1e3 * 1e3, kl = /* @__PURE__ */ oe({
+  __name: "KioskSettingView",
+  props: {
+    restaurantId: {},
+    form: {}
+  },
+  emits: ["updateKioskOrderSetting"],
+  setup(i, { emit: p }) {
+    const { t: e } = de(), b = Se(), _ = A(() => {
+      var o;
+      return ((o = b.sessionUser.value) == null ? void 0 : o.role.isAdmin) ?? !1;
+    }), P = i, I = xe(), y = p, l = L(P.form), F = (o) => {
+      l.value.autoCloseBill = o, o && l.value.printReceiptAfterClose === null && (l.value.printReceiptAfterClose = !0);
+    }, C = (o) => o < 0 ? e("order.nonNegativeRule") : !0, j = (o) => o <= (l.value.dineIn.displayStand.standSlotRange.min ?? 0) ? e("order.greaterThanMinRule") : !0, K = A(() => [C]), V = A(() => [C]), Q = A(() => [C, j]), E = A(() => {
+      var v, S, h, W, n, X, Z, J;
+      const o = l.value, t = (v = o.otaChannel) == null ? void 0 : v.trim();
+      if (o.dineIn.enabled && o.dineIn.displayStand.enabled) {
+        const { padDigit: x, standSlotRange: $ } = o.dineIn.displayStand;
+        if (!(x != null && x >= 0 && $.min != null && $.max != null && $.min <= $.max)) return null;
+      }
+      const u = o.paymentSetting;
+      if ((S = u == null ? void 0 : u.paymentTypes) != null && S.includes(be.enum.ePayment)) {
+        const x = u.ePaymentTypes;
+        if (!x) return null;
+        const $ = ((h = x.card) == null ? void 0 : h.terminal) || ((W = x.card) == null ? void 0 : W.nfc), ee = ((n = x.eWallet) == null ? void 0 : n.qrPay) || ((X = x.eWallet) == null ? void 0 : X.scanPay) || ((Z = x.eWallet) == null ? void 0 : Z.terminalScanPay) || ((J = x.eWallet) == null ? void 0 : J.terminalQrPay), me = x.terminal;
+        if (!$ && !ee && !me) return null;
+      }
+      return {
+        ...o,
+        otaChannel: t || void 0,
+        dineIn: {
+          ...o.dineIn,
+          displayStand: {
+            ...o.dineIn.displayStand,
+            enabled: o.dineIn.enabled && o.dineIn.displayStand.enabled,
+            padDigit: o.dineIn.displayStand.padDigit ?? 0,
+            standSlotRange: {
+              min: o.dineIn.displayStand.standSlotRange.min ?? 0,
+              max: o.dineIn.displayStand.standSlotRange.max ?? 10
+            },
+            prefix: o.dineIn.displayStand.prefix ?? ""
+          }
+        }
+      };
+    }), { startAsyncCall: z } = Ie();
+    function c(o) {
+      l.value.paymentSetting.paymentTypes = o;
+    }
+    function d(o) {
+      l.value.paymentSetting.ePaymentTypes = o;
+    }
+    const Y = Pe();
+    function B(o) {
+      l.value[o] = null;
+    }
+    function N(o) {
+      const t = l.value[o];
+      if (!t) return null;
+      const u = t.trim();
+      return u.length > 0 ? u : null;
+    }
+    async function O(o, t) {
+      try {
+        const u = await z(async () => {
+          const v = `/restaurant/${P.restaurantId}/kiosk/${o}`;
+          return await Ne(v, t);
+        });
+        l.value[o] = u, I.open({
+          title: e("order.imageUploadSuccess"),
+          type: "success"
+        });
+      } catch (u) {
+        console.error(u), I.open({
+          title: e("order.imageUploadFailed"),
+          type: "error"
+        });
+      }
+    }
+    function D(o, t) {
+      var S, h;
+      const u = e(o === "coverImageLandscape" ? "order.coverImageLandscape" : "order.coverImagePortrait"), v = (h = (S = t[0]) == null ? void 0 : S.reason) == null ? void 0 : h[0];
+      I.open({
+        title: v ? `${e("order.imageUploadRejected")}: ${u} (${v})` : `${e("order.imageUploadRejected")}: ${u}`,
+        type: "error"
+      });
+    }
+    const M = A(() => Y.getRestaurantEPayment()), f = A({
+      get: () => (l.value.dineIn.displayStand.enabled && l.value.dineIn.displayStand.enablePaxDialog || l.value.dineIn.pickUp.enablePaxDialog) ?? !1,
+      set: (o) => {
+        l.value.dineIn.displayStand.enablePaxDialog = o, l.value.dineIn.pickUp.enablePaxDialog = o;
+      }
+    });
+    ce(
+      () => [
+        l.value.dineIn.enabled,
+        l.value.dineIn.pickUp.enabled,
+        l.value.dineIn.displayStand.enabled
+      ],
+      ([o, t, u], v) => {
+        const S = (v == null ? void 0 : v[0]) ?? !1;
+        o && !t && !u && (l.value.dineIn.pickUp.enabled = !0, S || I.open({
+          title: e("order.dineInModeAutoCorrected"),
+          type: "info"
+        }));
+      },
+      { immediate: !0 }
+    );
+    async function ue() {
+      if (E.value) {
+        const o = E.value;
+        z(async () => {
+          await y("updateKioskOrderSetting", o);
+        });
+      } else
+        I.open({
+          title: e("order.failedToUpdateSetting"),
+          type: "error"
+        });
+    }
+    return (o, t) => {
+      const u = w("FmTextField"), v = w("FmSwitch"), S = w("FmStepperField"), h = w("FmDropField"), W = w("FmButton");
+      return l.value ? (k(), q("div", Oe, [
+        _.value ? (k(), q("div", De, [
+          r("span", Me, g(a(e)("order.otaChannel")), 1),
+          r("div", We, [
+            s(u, {
+              modelValue: l.value.otaChannel,
+              "onUpdate:modelValue": t[0] || (t[0] = (n) => l.value.otaChannel = n),
+              label: a(e)("order.otaChannel"),
+              placeholder: a(e)("order.otaChannelHint")
+            }, null, 8, ["modelValue", "label", "placeholder"]),
+            r("span", $e, g(a(e)("order.otaChannelHint")), 1)
+          ])
+        ])) : ye("", !0),
+        r("div", Le, [
+          r("span", Ye, g(a(e)("order.dineIn")), 1),
+          r("div", Be, [
+            s(v, {
+              modelValue: l.value.dineIn.enabled,
+              "onUpdate:modelValue": t[1] || (t[1] = (n) => l.value.dineIn.enabled = n),
+              label: a(e)("order.dineIn"),
+              "label-placement": "right"
+            }, null, 8, ["modelValue", "label"]),
+            R(r("div", qe, [
+              r("div", null, [
+                s(v, {
+                  modelValue: l.value.dineIn.pickUp.enabled,
+                  "onUpdate:modelValue": t[2] || (t[2] = (n) => l.value.dineIn.pickUp.enabled = n),
+                  label: a(e)("order.pickAtCounter"),
+                  "label-placement": "right"
+                }, null, 8, ["modelValue", "label"]),
+                R(r("div", je, [
+                  r("span", Qe, g(a(e)("order.submitOrderInstruction")), 1),
+                  s(u, {
+                    modelValue: l.value.dineIn.pickUp.submitOrderInstruction.payAtCounter,
+                    "onUpdate:modelValue": t[3] || (t[3] = (n) => l.value.dineIn.pickUp.submitOrderInstruction.payAtCounter = n),
+                    label: a(e)("order.payAtCounter"),
+                    placeholder: "Collect your transaction slip below and present it to the cashier"
+                  }, null, 8, ["modelValue", "label"]),
+                  s(u, {
+                    modelValue: l.value.dineIn.pickUp.submitOrderInstruction.paid,
+                    "onUpdate:modelValue": t[4] || (t[4] = (n) => l.value.dineIn.pickUp.submitOrderInstruction.paid = n),
+                    label: a(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), [
+                  [U, l.value.dineIn.pickUp.enabled]
+                ])
+              ]),
+              r("div", null, [
+                s(v, {
+                  modelValue: l.value.dineIn.displayStand.enabled,
+                  "onUpdate:modelValue": t[5] || (t[5] = (n) => l.value.dineIn.displayStand.enabled = n),
+                  label: a(e)("order.displayStand"),
+                  "label-placement": "right"
+                }, null, 8, ["modelValue", "label"]),
+                R(r("div", ze, [
+                  r("span", He, g(a(e)("order.tableServiceSetting")), 1),
+                  s(u, {
+                    modelValue: l.value.dineIn.displayStand.prefix,
+                    "onUpdate:modelValue": t[6] || (t[6] = (n) => l.value.dineIn.displayStand.prefix = n),
+                    label: a(e)("order.prefix"),
+                    placeholder: a(e)("order.prefix")
+                  }, null, 8, ["modelValue", "label", "placeholder"]),
+                  r("div", Ke, [
+                    s(S, {
+                      modelValue: l.value.dineIn.displayStand.standSlotRange.min,
+                      "onUpdate:modelValue": t[7] || (t[7] = (n) => l.value.dineIn.displayStand.standSlotRange.min = n),
+                      class: "w-1/2",
+                      label: a(e)("order.start"),
+                      labelMark: "required",
+                      rules: V.value,
+                      placeholder: a(e)("order.enterANumber")
+                    }, null, 8, ["modelValue", "label", "rules", "placeholder"]),
+                    s(S, {
+                      modelValue: l.value.dineIn.displayStand.standSlotRange.max,
+                      "onUpdate:modelValue": t[8] || (t[8] = (n) => l.value.dineIn.displayStand.standSlotRange.max = n),
+                      class: "w-1/2",
+                      label: a(e)("order.end"),
+                      labelMark: "required",
+                      rules: Q.value,
+                      placeholder: a(e)("order.enterANumber")
+                    }, null, 8, ["modelValue", "label", "rules", "placeholder"])
+                  ]),
+                  s(S, {
+                    modelValue: l.value.dineIn.displayStand.padDigit,
+                    "onUpdate:modelValue": t[9] || (t[9] = (n) => l.value.dineIn.displayStand.padDigit = n),
+                    label: a(e)("order.padDigit"),
+                    labelMark: "required",
+                    rules: K.value,
+                    placeholder: a(e)("order.padDigit")
+                  }, null, 8, ["modelValue", "label", "rules", "placeholder"])
+                ], 512), [
+                  [U, l.value.dineIn.displayStand.enabled]
+                ]),
+                R(r("div", Ge, [
+                  r("span", Xe, g(a(e)("order.submitOrderInstruction")), 1),
+                  s(u, {
+                    modelValue: l.value.dineIn.displayStand.submitOrderInstruction.payAtCounter,
+                    "onUpdate:modelValue": t[10] || (t[10] = (n) => l.value.dineIn.displayStand.submitOrderInstruction.payAtCounter = n),
+                    label: a(e)("order.payAtCounter"),
+                    placeholder: "Collect your transaction slip below and present it to the cashier"
+                  }, null, 8, ["modelValue", "label"]),
+                  s(u, {
+                    modelValue: l.value.dineIn.displayStand.submitOrderInstruction.paid,
+                    "onUpdate:modelValue": t[11] || (t[11] = (n) => l.value.dineIn.displayStand.submitOrderInstruction.paid = n),
+                    label: a(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), [
+                  [U, l.value.dineIn.displayStand.enabled]
+                ])
+              ])
+            ], 512), [
+              [U, l.value.dineIn.enabled]
+            ])
+          ])
+        ]),
+        r("div", Ze, [
+          r("span", Je, g(a(e)("order.takeawayTitle")), 1),
+          s(v, {
+            modelValue: l.value.takeaway.enabled,
+            "onUpdate:modelValue": t[12] || (t[12] = (n) => l.value.takeaway.enabled = n),
+            label: a(e)("order.takeaway"),
+            "label-placement": "right",
+            class: "mb-5"
+          }, null, 8, ["modelValue", "label"]),
+          R(r("div", el, [
+            r("span", ll, g(a(e)("order.submitOrderInstruction")), 1),
+            s(u, {
+              modelValue: l.value.takeaway.submitOrderInstruction.payAtCounter,
+              "onUpdate:modelValue": t[13] || (t[13] = (n) => l.value.takeaway.submitOrderInstruction.payAtCounter = n),
+              label: a(e)("order.payAtCounter"),
+              placeholder: "Collect your transaction slip below and present it to the cashier"
+            }, null, 8, ["modelValue", "label"]),
+            s(u, {
+              modelValue: l.value.takeaway.submitOrderInstruction.paid,
+              "onUpdate:modelValue": t[14] || (t[14] = (n) => l.value.takeaway.submitOrderInstruction.paid = n),
+              label: a(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), [
+            [U, l.value.takeaway.enabled]
+          ])
+        ]),
+        r("div", al, [
+          r("span", tl, g(a(e)("order.menuItem")), 1),
+          s(v, {
+            modelValue: l.value.menuItem.showAllOnly,
+            "onUpdate:modelValue": t[15] || (t[15] = (n) => l.value.menuItem.showAllOnly = n),
+            label: a(e)("order.showNotAvailableMenuItem"),
+            "label-placement": "right",
+            class: "mb-5"
+          }, null, 8, ["modelValue", "label"])
+        ]),
+        r("div", nl, [
+          r("span", ol, g(a(e)("order.coverImage")), 1),
+          r("span", rl, g(a(e)("order.coverImageFallbackHint")), 1),
+          r("div", sl, [
+            r("span", dl, g(a(e)("order.coverImageLandscape")), 1),
+            r("span", il, g(a(e)("order.coverImageLandscapeHint")), 1),
+            N("coverImageLandscape") ? (k(), q("div", ul, [
+              r("img", {
+                src: N("coverImageLandscape"),
+                alt: a(e)("order.coverImageLandscape"),
+                class: "max-w-[400px] aspect-video object-cover rounded-md border border-fm-color-neutral-gray-200"
+              }, null, 8, ml),
+              s(W, {
+                variant: "tertiary",
+                class: "mr-auto",
+                label: a(e)("common.delete"),
+                onClick: t[18] || (t[18] = (n) => B("coverImageLandscape"))
+              }, null, 8, ["label"])
+            ])) : (k(), G(h, {
+              key: 0,
+              accept: "image/*",
+              "max-file-size": ne,
+              "content-class": "w-full max-w-[400px] aspect-video",
+              onFileUpload: t[16] || (t[16] = (n) => O("coverImageLandscape", n)),
+              onFileRejected: t[17] || (t[17] = (n) => D("coverImageLandscape", n))
+            }))
+          ]),
+          r("div", pl, [
+            r("span", cl, g(a(e)("order.coverImagePortrait")), 1),
+            r("span", yl, g(a(e)("order.coverImagePortraitHint")), 1),
+            N("coverImagePortrait") ? (k(), q("div", fl, [
+              r("img", {
+                src: N("coverImagePortrait"),
+                alt: a(e)("order.coverImagePortrait"),
+                class: "max-w-[200px] aspect-[9/16] object-cover rounded-md border border-fm-color-neutral-gray-200"
+              }, null, 8, vl),
+              s(W, {
+                variant: "tertiary",
+                class: "mr-auto",
+                label: a(e)("common.delete"),
+                onClick: t[21] || (t[21] = (n) => B("coverImagePortrait"))
+              }, null, 8, ["label"])
+            ])) : (k(), G(h, {
+              key: 0,
+              accept: "image/*",
+              "max-file-size": ne,
+              "content-class": "w-[240px] aspect-[9/16]",
+              onFileUpload: t[19] || (t[19] = (n) => O("coverImagePortrait", n)),
+              onFileRejected: t[20] || (t[20] = (n) => D("coverImagePortrait", n))
+            }))
+          ])
+        ]),
+        r("div", bl, [
+          r("span", gl, g(a(e)("order.displayPaxDialogTitle")), 1),
+          s(v, {
+            modelValue: f.value,
+            "onUpdate:modelValue": t[22] || (t[22] = (n) => f.value = n),
+            label: a(e)("order.displayPaxDialogDescription"),
+            "label-placement": "right",
+            class: "mb-5"
+          }, null, 8, ["modelValue", "label"])
+        ]),
+        r("div", Il, [
+          r("span", Pl, g(a(e)("order.orderSetting")), 1),
+          r("div", Sl, [
+            s(v, {
+              "model-value": l.value.autoCloseBill ?? !1,
+              label: a(e)("order.autoCloseBill"),
+              sublabel: a(e)("order.autoCloseBillSublabel"),
+              "label-placement": "right",
+              "onUpdate:modelValue": F
+            }, null, 8, ["model-value", "label", "sublabel"]),
+            R(s(v, {
+              "model-value": l.value.printReceiptAfterClose ?? !0,
+              "onUpdate:modelValue": t[23] || (t[23] = (n) => l.value.printReceiptAfterClose = n),
+              label: a(e)("order.printReceiptAfterClose"),
+              sublabel: a(e)("order.printReceiptAfterCloseSublabel"),
+              "label-placement": "right"
+            }, null, 8, ["model-value", "label", "sublabel"]), [
+              [U, l.value.autoCloseBill]
+            ])
+          ])
+        ]),
+        r("div", xl, [
+          s(Ve, {
+            "payment-types": l.value.paymentSetting.paymentTypes ?? [],
+            "allow-credit": !0,
+            "allow-e-payment": M.value,
+            "offline-payment-types": l.value.paymentSetting.offlinePaymentTypes ?? [],
+            ePaymentTypes: l.value.paymentSetting.ePaymentTypes ?? {},
+            "onUpdate:paymentTypes": c,
+            "onUpdate:offlinePaymentTypes": t[24] || (t[24] = (n) => l.value.paymentSetting.offlinePaymentTypes = n),
+            "onUpdate:ePaymentTypes": d
+          }, null, 8, ["payment-types", "allow-e-payment", "offline-payment-types", "ePaymentTypes"])
+        ]),
+        s(W, {
+          class: "w-1/4 mb-10",
+          variant: "primary",
+          label: a(e)("order.updateSetting"),
+          disabled: !E.value,
+          onClick: ue
+        }, null, 8, ["label", "disabled"])
+      ])) : (k(), q("div", wl, g(a(e)("order.pleaseSelectRestaurant")), 1));
+    };
+  }
+});
+export {
+  kl as default
+};