@feedmepos/mf-order-setting 0.0.84 → 0.0.85

package/dist/KioskSettingView-D57KtQ-t.js

@@ -1,711 +0,0 @@
-import { defineComponent as ie, computed as k, ref as $, onMounted as be, resolveComponent as S, openBlock as h, createBlock as H, withCtx as C, createVNode as s, unref as l, createElementVNode as r, withDirectives as U, vShow as R, toDisplayString as b, watch as ge, createElementBlock as L, createCommentVNode as Z, Fragment as Ie, renderList as Pe } from "vue";
-import { e as oe, b as ue, s as me, d as Se, r as re, f as se, h as _e } from "./app-ClOkRxOZ.js";
-import { c as p, K as xe, d as he } from "./order.dto-Dbn-hRrm.js";
-import { _ as we, u as Ve, a as ke } from "./index-5k7kGCpJ.js";
-import { useI18n as pe, FeedMeAuth as ce, useCoreStore as Te } from "@feedmepos/mf-common";
-import { useSnackbar as Ce } from "@feedmepos/ui-library";
-const Ae = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary ml-7" }, Ue = { class: "ml-7" }, Re = { class: "ml-7" }, Fe = { class: "flex flex-row gap-9" }, Ee = /* @__PURE__ */ ie({
-  __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: c }) {
-    const { t: e } = pe(), g = i, w = c, P = k(() => (g.paymentTypes || []).includes(oe.F_ORDER_PAYMENT_TYPE.enum.ePayment)), I = $(), v = $([]), a = $(!1), A = $(!1), V = $(!1), W = () => {
-      Object.keys(g.ePaymentTypes).length !== 0 && (g.ePaymentTypes.terminal && (A.value = !0), g.ePaymentTypes.card.terminal ? (I.value = p.enum.TERMINAL, a.value = !0) : g.ePaymentTypes.card.nfc && (I.value = p.enum.NFC, a.value = !0), g.ePaymentTypes.eWallet.qrPay && (v.value.push(p.enum.QRPAY), V.value = !0), g.ePaymentTypes.eWallet.scanPay && (v.value.push(p.enum.SCANPAY), V.value = !0));
-    };
-    W();
-    const G = (y) => {
-      const d = {
-        terminal: !1,
-        card: {
-          terminal: !1,
-          nfc: !1
-        },
-        eWallet: {
-          qrPay: !1,
-          scanPay: !1
-        }
-      };
-      P.value && (y == p.enum.TERMINAL && (d.card.terminal = !0), y == p.enum.NFC && (d.card.nfc = !0), v.value.length > 0 && (v.value.includes(p.enum.QRPAY) && (d.eWallet.qrPay = !0), v.value.includes(p.enum.SCANPAY) && (d.eWallet.scanPay = !0))), A.value && (d.terminal = !0), w("update:ePaymentTypes", d);
-    }, T = () => {
-      const y = {
-        terminal: !1,
-        card: {
-          terminal: !1,
-          nfc: !1
-        },
-        eWallet: {
-          qrPay: !1,
-          scanPay: !1,
-          terminalScanPay: !1,
-          terminalQrPay: !1
-        }
-      };
-      P.value && (I.value && (I.value === p.enum.TERMINAL && (y.card.terminal = !0), I.value === p.enum.NFC && (y.card.nfc = !0)), A.value && (y.terminal = !0), v.value.includes(p.enum.QRPAY) && (y.eWallet.qrPay = !0), v.value.includes(p.enum.SCANPAY) && (y.eWallet.scanPay = !0), v.value.includes(p.enum.TERMINAL_SCAN_PAY) && (y.eWallet.terminalScanPay = !0), v.value.includes(p.enum.TERMINAL_QR_PAY) && (y.eWallet.terminalQrPay = !0)), w("update:ePaymentTypes", y);
-    }, O = (y) => {
-      I.value = "", y && (I.value = p.enum.TERMINAL), T();
-    }, K = (y) => {
-      v.value = [], y && (v.value = [
-        p.enum.QRPAY,
-        p.enum.SCANPAY
-      ]), T();
-    }, J = (y) => {
-      w("update:paymentTypes", y), y.includes(oe.F_ORDER_PAYMENT_TYPE.enum.ePayment) || (a.value = !1, V.value = !1, O(!1), K(!1));
-    };
-    return be(() => {
-      W();
-    }), (y, d) => {
-      const F = S("FmSwitch"), Y = S("FmRadio"), X = S("FmRadioGroup"), j = S("FmCardSection"), q = S("FmCard"), E = S("FmCheckbox");
-      return h(), H(we, {
-        "payment-types": i.paymentTypes,
-        "offline-payment-types": i.offlinePaymentTypes,
-        "allow-e-payment": g.allowEPayment,
-        "allow-credit": g.allowCredit,
-        "onUpdate:paymentTypes": J,
-        "onUpdate:offlinePaymentTypes": d[8] || (d[8] = (f) => w("update:offlinePaymentTypes", f || []))
-      }, {
-        "e-payment-note": C(() => [
-          r("div", Ae, b(l(e)("order.legacyEPaymentNote")), 1)
-        ]),
-        "e-payment-content": C(() => [
-          s(q, { variant: "outlined" }, {
-            default: C(() => [
-              s(j, null, {
-                default: C(() => [
-                  s(F, {
-                    label: l(e)("order.bankCard"),
-                    sublabel: l(e)("order.cardPaymentDescription"),
-                    "label-placement": "right",
-                    modelValue: a.value,
-                    "onUpdate:modelValue": [
-                      d[0] || (d[0] = (f) => a.value = f),
-                      O
-                    ]
-                  }, null, 8, ["label", "sublabel", "modelValue"]),
-                  d[9] || (d[9] = r("br", null, null, -1)),
-                  U(r("div", Ue, [
-                    s(X, {
-                      modelValue: I.value,
-                      "onUpdate:modelValue": [
-                        d[1] || (d[1] = (f) => I.value = f),
-                        G
-                      ],
-                      inline: ""
-                    }, {
-                      default: C(() => [
-                        s(Y, {
-                          label: l(e)("order.terminal"),
-                          value: l(p).enum.TERMINAL
-                        }, null, 8, ["label", "value"]),
-                        s(Y, {
-                          label: l(e)("order.nfc"),
-                          value: l(p).enum.NFC
-                        }, null, 8, ["label", "value"])
-                      ]),
-                      _: 1
-                    }, 8, ["modelValue"])
-                  ], 512), [
-                    [R, a.value]
-                  ])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          s(q, {
-            variant: "outlined",
-            class: "mt-2"
-          }, {
-            default: C(() => [
-              s(j, null, {
-                default: C(() => [
-                  s(F, {
-                    label: l(e)("order.terminal"),
-                    sublabel: l(e)("order.terminalPaymentDescription"),
-                    "label-placement": "right",
-                    modelValue: A.value,
-                    "onUpdate:modelValue": [
-                      d[2] || (d[2] = (f) => A.value = f),
-                      T
-                    ]
-                  }, null, 8, ["label", "sublabel", "modelValue"])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          s(q, {
-            variant: "outlined",
-            class: "mt-2"
-          }, {
-            default: C(() => [
-              s(j, null, {
-                default: C(() => [
-                  s(F, {
-                    label: l(e)("order.eWallet"),
-                    sublabel: l(e)("order.eWalletDescription"),
-                    "label-placement": "right",
-                    modelValue: V.value,
-                    "onUpdate:modelValue": [
-                      d[3] || (d[3] = (f) => V.value = f),
-                      K
-                    ]
-                  }, null, 8, ["label", "sublabel", "modelValue"]),
-                  d[10] || (d[10] = r("br", null, null, -1)),
-                  U(r("div", Re, [
-                    r("div", Fe, [
-                      s(E, {
-                        modelValue: v.value,
-                        "onUpdate:modelValue": [
-                          d[4] || (d[4] = (f) => v.value = f),
-                          T
-                        ],
-                        label: l(e)("order.qrPay"),
-                        value: l(p).enum.QRPAY
-                      }, null, 8, ["modelValue", "label", "value"]),
-                      s(E, {
-                        modelValue: v.value,
-                        "onUpdate:modelValue": [
-                          d[5] || (d[5] = (f) => v.value = f),
-                          T
-                        ],
-                        label: l(e)("order.scanPay"),
-                        value: l(p).enum.SCANPAY
-                      }, null, 8, ["modelValue", "label", "value"]),
-                      s(E, {
-                        modelValue: v.value,
-                        "onUpdate:modelValue": [
-                          d[6] || (d[6] = (f) => v.value = f),
-                          T
-                        ],
-                        label: l(e)("order.terminalScanPay"),
-                        value: l(p).enum.TERMINAL_SCAN_PAY
-                      }, null, 8, ["modelValue", "label", "value"]),
-                      s(E, {
-                        modelValue: v.value,
-                        "onUpdate:modelValue": [
-                          d[7] || (d[7] = (f) => v.value = f),
-                          T
-                        ],
-                        label: l(e)("order.terminalQrPay"),
-                        value: l(p).enum.TERMINAL_QR_PAY
-                      }, null, 8, ["modelValue", "label", "value"])
-                    ])
-                  ], 512), [
-                    [R, V.value]
-                  ])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["payment-types", "offline-payment-types", "allow-e-payment", "allow-credit"]);
-    };
-  }
-}), Ne = {
-  "en-US": "English",
-  "zh-CN": "中文",
-  "th-TH": "ไทย",
-  "vi-VN": "Tiếng Việt",
-  "id-ID": "Bahasa Indonesia",
-  "ko-KR": "한국어",
-  "ja-JP": "日本語",
-  "ar-SA": "العربية"
-}, Le = xe.map((i) => ({
-  code: i,
-  label: Ne[i]
-}));
-var Oe = { firebase: {} }, De = {};
-let z = null;
-function Me(i) {
-  var g;
-  const c = (g = i.name.split(".").pop()) == null ? void 0 : g.toLowerCase();
-  return c && /^[a-z0-9]+$/.test(c) ? c : {
-    "image/jpeg": "jpg",
-    "image/png": "png",
-    "image/webp": "webp",
-    "image/gif": "gif"
-  }[i.type] ?? "bin";
-}
-function $e() {
-  var e;
-  return (((e = De.firebase) == null ? void 0 : e.storageBucket) ?? Oe.firebase.storageBucket ?? "image.feedme.cc").replace(/^https?:\/\//, "").replace(/\/+$/, "");
-}
-function We(i) {
-  const c = i.replace(/^\/+/, "");
-  return `https://${$e()}/${c}`;
-}
-async function Ye() {
-  const i = ue();
-  if (!i.currentUser && (await i.authStateReady(), !i.currentUser && (z || (z = (async () => {
-    const c = await ce.getCustomToken();
-    await me(i, c);
-  })().finally(() => {
-    z = null;
-  })), await z, !i.currentUser)))
-    throw new Error("User not authenticated for image upload");
-}
-async function je() {
-  const i = ue();
-  i.currentUser && await _e(i);
-  const c = await ce.getCustomToken();
-  await me(i, c);
-}
-async function qe(i, c) {
-  const e = Se(), g = re(e, i);
-  try {
-    await se(g, c, {
-      contentType: c.type || void 0
-    });
-    return;
-  } catch (P) {
-    if ((P == null ? void 0 : P.code) !== "storage/unauthorized")
-      throw P;
-  }
-  await je();
-  const w = re(e, i);
-  await se(w, c, {
-    contentType: c.type || void 0
-  });
-}
-async function Be(i, c) {
-  await Ye();
-  const e = i.replace(/^\/+/, "").replace(/\/+$/, ""), g = Me(c), w = `${Date.now()}_${Math.random().toString(36).slice(2, 10)}.${g}`, P = `${e}/${w}`;
-  return await qe(P, c), We(P);
-}
-const Ke = {
-  key: 0,
-  class: "flex flex-col gap-32"
-}, Qe = {
-  key: 0,
-  class: "flex flex-col gap-2"
-}, ze = { class: "fm-typo-en-title-sm-600" }, He = { class: "flex flex-col gap-1 w-full md:w-1/2" }, Ge = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Je = { class: "flex flex-col gap-2" }, Xe = { class: "fm-typo-en-title-sm-600" }, Ze = { class: "flex flex-col gap-5" }, ea = { class: "flex flex-col gap-16" }, 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: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2 my-5 w-11/12" }, na = { class: "fm-typo-en-title-sm-600" }, oa = { class: "flex flex-row gap-2" }, ra = { 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" }, da = { class: "flex flex-col gap-2" }, ia = { class: "fm-typo-en-title-sm-600" }, ua = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2 my-5 w-11/12" }, ma = { class: "fm-typo-en-title-sm-600" }, pa = { class: "flex flex-col gap-2" }, ca = { class: "fm-typo-en-title-sm-600" }, ya = { class: "flex flex-col gap-2" }, fa = { class: "fm-typo-en-title-sm-600" }, va = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ba = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-4 my-5 w-11/12" }, ga = { class: "grid grid-cols-1 md:grid-cols-2 gap-3" }, Ia = {
-  key: 0,
-  class: "fm-typo-en-body-sm-400 text-fm-color-system-error-300"
-}, Pa = { class: "flex flex-col gap-2" }, Sa = { class: "fm-typo-en-title-sm-600" }, _a = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, xa = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-4 my-5 w-11/12" }, ha = { class: "fm-typo-en-body-md-600" }, wa = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Va = {
-  key: 1,
-  class: "flex flex-col gap-2"
-}, ka = ["src", "alt"], Ta = { 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" }, Aa = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ua = {
-  key: 1,
-  class: "flex flex-col gap-2"
-}, Ra = ["src", "alt"], Fa = { class: "flex flex-col gap-2" }, Ea = { class: "fm-typo-en-title-sm-600" }, Na = { class: "flex flex-col gap-2" }, La = { key: 1 }, de = 10 * 1e3 * 1e3, ja = /* @__PURE__ */ ie({
-  __name: "KioskSettingView",
-  props: {
-    restaurantId: {},
-    form: {}
-  },
-  emits: ["updateKioskOrderSetting"],
-  setup(i, { emit: c }) {
-    const { t: e } = pe(), g = Te(), w = k(() => {
-      var o;
-      return ((o = g.sessionUser.value) == null ? void 0 : o.role.isAdmin) ?? !1;
-    }), P = i, I = Ce(), v = c, a = $(P.form), A = Le, V = k(() => a.value.languages != null), W = k(() => a.value.languages ?? []);
-    function G(o) {
-      a.value.languages = o ? ["en-US"] : null;
-    }
-    function T(o, t) {
-      const u = a.value.languages ?? [];
-      a.value.languages = t ? A.filter((m) => m.code === o || u.includes(m.code)).map((m) => m.code) : u.filter((m) => m !== o);
-    }
-    const O = (o) => o < 0 ? e("order.nonNegativeRule") : !0, K = (o) => o <= (a.value.dineIn.displayStand.standSlotRange.min ?? 0) ? e("order.greaterThanMinRule") : !0, J = k(() => [O]), y = k(() => [O]), d = k(() => [O, K]), F = k(() => {
-      var m, _, N, B, D, n, Q, te;
-      const o = a.value, t = (m = o.otaChannel) == null ? void 0 : m.trim();
-      if (o.dineIn.enabled && o.dineIn.displayStand.enabled) {
-        const { padDigit: x, standSlotRange: M } = o.dineIn.displayStand;
-        if (!(x != null && x >= 0 && M.min != null && M.max != null && M.min <= M.max)) return null;
-      }
-      if (o.languages != null && o.languages.length === 0) return null;
-      const u = o.paymentSetting;
-      if ((_ = u == null ? void 0 : u.paymentTypes) != null && _.includes(he.enum.ePayment)) {
-        const x = u.ePaymentTypes;
-        if (!x) return null;
-        const M = ((N = x.card) == null ? void 0 : N.terminal) || ((B = x.card) == null ? void 0 : B.nfc), ne = ((D = x.eWallet) == null ? void 0 : D.qrPay) || ((n = x.eWallet) == null ? void 0 : n.scanPay) || ((Q = x.eWallet) == null ? void 0 : Q.terminalScanPay) || ((te = x.eWallet) == null ? void 0 : te.terminalQrPay), ve = x.terminal;
-        if (!M && !ne && !ve) 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: Y } = Ve();
-    function X(o) {
-      a.value.paymentSetting.paymentTypes = o;
-    }
-    function j(o) {
-      a.value.paymentSetting.ePaymentTypes = o;
-    }
-    const q = ke();
-    function E(o) {
-      a.value[o] = null;
-    }
-    function f(o) {
-      const t = a.value[o];
-      if (!t) return null;
-      const u = t.trim();
-      return u.length > 0 ? u : null;
-    }
-    async function ee(o, t) {
-      try {
-        const u = await Y(async () => {
-          const m = `/restaurant/${P.restaurantId}/kiosk/${o}`;
-          return await Be(m, t);
-        });
-        a.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 ae(o, t) {
-      var _, N;
-      const u = e(o === "coverImageLandscape" ? "order.coverImageLandscape" : "order.coverImagePortrait"), m = (N = (_ = t[0]) == null ? void 0 : _.reason) == null ? void 0 : N[0];
-      I.open({
-        title: m ? `${e("order.imageUploadRejected")}: ${u} (${m})` : `${e("order.imageUploadRejected")}: ${u}`,
-        type: "error"
-      });
-    }
-    const ye = k(() => q.getRestaurantEPayment()), le = k({
-      get: () => (a.value.dineIn.displayStand.enabled && a.value.dineIn.displayStand.enablePaxDialog || a.value.dineIn.pickUp.enablePaxDialog) ?? !1,
-      set: (o) => {
-        a.value.dineIn.displayStand.enablePaxDialog = o, a.value.dineIn.pickUp.enablePaxDialog = o;
-      }
-    });
-    ge(
-      () => [
-        a.value.dineIn.enabled,
-        a.value.dineIn.pickUp.enabled,
-        a.value.dineIn.displayStand.enabled
-      ],
-      ([o, t, u], m) => {
-        const _ = (m == null ? void 0 : m[0]) ?? !1;
-        o && !t && !u && (a.value.dineIn.pickUp.enabled = !0, _ || I.open({
-          title: e("order.dineInModeAutoCorrected"),
-          type: "info"
-        }));
-      },
-      { immediate: !0 }
-    );
-    async function fe() {
-      if (F.value) {
-        const o = F.value;
-        Y(async () => {
-          await v("updateKioskOrderSetting", o);
-        });
-      } else
-        I.open({
-          title: e("order.failedToUpdateSetting"),
-          type: "error"
-        });
-    }
-    return (o, t) => {
-      const u = S("FmTextField"), m = S("FmSwitch"), _ = S("FmStepperField"), N = S("FmCheckbox"), B = S("FmDropField"), D = S("FmButton");
-      return a.value ? (h(), L("div", Ke, [
-        w.value ? (h(), L("div", Qe, [
-          r("span", ze, b(l(e)("order.otaChannel")), 1),
-          r("div", He, [
-            s(u, {
-              modelValue: a.value.otaChannel,
-              "onUpdate:modelValue": t[0] || (t[0] = (n) => a.value.otaChannel = n),
-              label: l(e)("order.otaChannel"),
-              placeholder: l(e)("order.otaChannelHint")
-            }, null, 8, ["modelValue", "label", "placeholder"]),
-            r("span", Ge, b(l(e)("order.otaChannelHint")), 1)
-          ])
-        ])) : Z("", !0),
-        r("div", Je, [
-          r("span", Xe, b(l(e)("order.dineIn")), 1),
-          r("div", Ze, [
-            s(m, {
-              modelValue: a.value.dineIn.enabled,
-              "onUpdate:modelValue": t[1] || (t[1] = (n) => a.value.dineIn.enabled = n),
-              label: l(e)("order.dineIn"),
-              "label-placement": "right"
-            }, null, 8, ["modelValue", "label"]),
-            U(r("div", ea, [
-              r("div", null, [
-                s(m, {
-                  modelValue: a.value.dineIn.pickUp.enabled,
-                  "onUpdate:modelValue": t[2] || (t[2] = (n) => a.value.dineIn.pickUp.enabled = n),
-                  label: l(e)("order.pickAtCounter"),
-                  "label-placement": "right"
-                }, null, 8, ["modelValue", "label"]),
-                U(r("div", aa, [
-                  r("span", la, b(l(e)("order.submitOrderInstruction")), 1),
-                  s(u, {
-                    modelValue: a.value.dineIn.pickUp.submitOrderInstruction.payAtCounter,
-                    "onUpdate:modelValue": t[3] || (t[3] = (n) => a.value.dineIn.pickUp.submitOrderInstruction.payAtCounter = n),
-                    label: l(e)("order.payAtCounter"),
-                    placeholder: "Collect your transaction slip below and present it to the cashier"
-                  }, null, 8, ["modelValue", "label"]),
-                  s(u, {
-                    modelValue: a.value.dineIn.pickUp.submitOrderInstruction.paid,
-                    "onUpdate:modelValue": t[4] || (t[4] = (n) => a.value.dineIn.pickUp.submitOrderInstruction.paid = n),
-                    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), [
-                  [R, a.value.dineIn.pickUp.enabled]
-                ])
-              ]),
-              r("div", null, [
-                s(m, {
-                  modelValue: a.value.dineIn.displayStand.enabled,
-                  "onUpdate:modelValue": t[5] || (t[5] = (n) => a.value.dineIn.displayStand.enabled = n),
-                  label: l(e)("order.displayStand"),
-                  "label-placement": "right"
-                }, null, 8, ["modelValue", "label"]),
-                U(r("div", ta, [
-                  r("span", na, b(l(e)("order.tableServiceSetting")), 1),
-                  s(u, {
-                    modelValue: a.value.dineIn.displayStand.prefix,
-                    "onUpdate:modelValue": t[6] || (t[6] = (n) => a.value.dineIn.displayStand.prefix = n),
-                    label: l(e)("order.prefix"),
-                    placeholder: l(e)("order.prefix")
-                  }, null, 8, ["modelValue", "label", "placeholder"]),
-                  r("div", oa, [
-                    s(_, {
-                      modelValue: a.value.dineIn.displayStand.standSlotRange.min,
-                      "onUpdate:modelValue": t[7] || (t[7] = (n) => a.value.dineIn.displayStand.standSlotRange.min = n),
-                      class: "w-1/2",
-                      label: l(e)("order.start"),
-                      labelMark: "required",
-                      rules: y.value,
-                      placeholder: l(e)("order.enterANumber")
-                    }, null, 8, ["modelValue", "label", "rules", "placeholder"]),
-                    s(_, {
-                      modelValue: a.value.dineIn.displayStand.standSlotRange.max,
-                      "onUpdate:modelValue": t[8] || (t[8] = (n) => a.value.dineIn.displayStand.standSlotRange.max = n),
-                      class: "w-1/2",
-                      label: l(e)("order.end"),
-                      labelMark: "required",
-                      rules: d.value,
-                      placeholder: l(e)("order.enterANumber")
-                    }, null, 8, ["modelValue", "label", "rules", "placeholder"])
-                  ]),
-                  s(_, {
-                    modelValue: a.value.dineIn.displayStand.padDigit,
-                    "onUpdate:modelValue": t[9] || (t[9] = (n) => a.value.dineIn.displayStand.padDigit = n),
-                    label: l(e)("order.padDigit"),
-                    labelMark: "required",
-                    rules: J.value,
-                    placeholder: l(e)("order.padDigit")
-                  }, null, 8, ["modelValue", "label", "rules", "placeholder"])
-                ], 512), [
-                  [R, a.value.dineIn.displayStand.enabled]
-                ]),
-                U(r("div", ra, [
-                  r("span", sa, b(l(e)("order.submitOrderInstruction")), 1),
-                  s(u, {
-                    modelValue: a.value.dineIn.displayStand.submitOrderInstruction.payAtCounter,
-                    "onUpdate:modelValue": t[10] || (t[10] = (n) => a.value.dineIn.displayStand.submitOrderInstruction.payAtCounter = n),
-                    label: l(e)("order.payAtCounter"),
-                    placeholder: "Collect your transaction slip below and present it to the cashier"
-                  }, null, 8, ["modelValue", "label"]),
-                  s(u, {
-                    modelValue: a.value.dineIn.displayStand.submitOrderInstruction.paid,
-                    "onUpdate:modelValue": t[11] || (t[11] = (n) => a.value.dineIn.displayStand.submitOrderInstruction.paid = n),
-                    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), [
-                  [R, a.value.dineIn.displayStand.enabled]
-                ])
-              ])
-            ], 512), [
-              [R, a.value.dineIn.enabled]
-            ])
-          ])
-        ]),
-        r("div", da, [
-          r("span", ia, b(l(e)("order.takeawayTitle")), 1),
-          s(m, {
-            modelValue: a.value.takeaway.enabled,
-            "onUpdate:modelValue": t[12] || (t[12] = (n) => a.value.takeaway.enabled = n),
-            label: l(e)("order.takeaway"),
-            "label-placement": "right",
-            class: "mb-5"
-          }, null, 8, ["modelValue", "label"]),
-          U(r("div", ua, [
-            r("span", ma, b(l(e)("order.submitOrderInstruction")), 1),
-            s(u, {
-              modelValue: a.value.takeaway.submitOrderInstruction.payAtCounter,
-              "onUpdate:modelValue": t[13] || (t[13] = (n) => a.value.takeaway.submitOrderInstruction.payAtCounter = n),
-              label: l(e)("order.payAtCounter"),
-              placeholder: "Collect your transaction slip below and present it to the cashier"
-            }, null, 8, ["modelValue", "label"]),
-            s(u, {
-              modelValue: a.value.takeaway.submitOrderInstruction.paid,
-              "onUpdate:modelValue": t[14] || (t[14] = (n) => a.value.takeaway.submitOrderInstruction.paid = n),
-              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), [
-            [R, a.value.takeaway.enabled]
-          ])
-        ]),
-        r("div", pa, [
-          r("span", ca, b(l(e)("order.menuItem")), 1),
-          s(m, {
-            modelValue: a.value.menuItem.showAllOnly,
-            "onUpdate:modelValue": t[15] || (t[15] = (n) => a.value.menuItem.showAllOnly = n),
-            label: l(e)("order.showNotAvailableMenuItem"),
-            "label-placement": "right",
-            class: "mb-5"
-          }, null, 8, ["modelValue", "label"])
-        ]),
-        r("div", ya, [
-          r("span", fa, b(l(e)("order.kioskLanguage")), 1),
-          r("span", va, b(l(e)("order.kioskLanguageHint")), 1),
-          r("div", ba, [
-            s(m, {
-              "model-value": V.value,
-              label: l(e)("order.kioskLanguageRestrict"),
-              sublabel: l(e)("order.kioskLanguageRestrictSublabel"),
-              "label-placement": "right",
-              "onUpdate:modelValue": G
-            }, null, 8, ["model-value", "label", "sublabel"]),
-            U(r("div", ga, [
-              (h(!0), L(Ie, null, Pe(l(A), (n) => (h(), H(N, {
-                key: n.code,
-                "model-value": W.value.includes(n.code),
-                value: n.code,
-                label: n.label,
-                "onUpdate:modelValue": (Q) => T(n.code, Q)
-              }, null, 8, ["model-value", "value", "label", "onUpdate:modelValue"]))), 128))
-            ], 512), [
-              [R, V.value]
-            ]),
-            V.value && W.value.length === 0 ? (h(), L("span", Ia, b(l(e)("order.kioskLanguageAtLeastOne")), 1)) : Z("", !0)
-          ])
-        ]),
-        r("div", Pa, [
-          r("span", Sa, b(l(e)("order.coverImage")), 1),
-          r("span", _a, b(l(e)("order.coverImageFallbackHint")), 1),
-          r("div", xa, [
-            r("span", ha, b(l(e)("order.coverImageLandscape")), 1),
-            r("span", wa, b(l(e)("order.coverImageLandscapeHint")), 1),
-            f("coverImageLandscape") ? (h(), L("div", Va, [
-              r("img", {
-                src: f("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, ka),
-              s(D, {
-                variant: "tertiary",
-                class: "mr-auto",
-                label: l(e)("common.delete"),
-                onClick: t[18] || (t[18] = (n) => E("coverImageLandscape"))
-              }, null, 8, ["label"])
-            ])) : (h(), H(B, {
-              key: 0,
-              accept: "image/*",
-              "max-file-size": de,
-              "content-class": "w-full max-w-[400px] aspect-video",
-              onFileUpload: t[16] || (t[16] = (n) => ee("coverImageLandscape", n)),
-              onFileRejected: t[17] || (t[17] = (n) => ae("coverImageLandscape", n))
-            }))
-          ]),
-          r("div", Ta, [
-            r("span", Ca, b(l(e)("order.coverImagePortrait")), 1),
-            r("span", Aa, b(l(e)("order.coverImagePortraitHint")), 1),
-            f("coverImagePortrait") ? (h(), L("div", Ua, [
-              r("img", {
-                src: f("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, Ra),
-              s(D, {
-                variant: "tertiary",
-                class: "mr-auto",
-                label: l(e)("common.delete"),
-                onClick: t[21] || (t[21] = (n) => E("coverImagePortrait"))
-              }, null, 8, ["label"])
-            ])) : (h(), H(B, {
-              key: 0,
-              accept: "image/*",
-              "max-file-size": de,
-              "content-class": "w-[240px] aspect-[9/16]",
-              onFileUpload: t[19] || (t[19] = (n) => ee("coverImagePortrait", n)),
-              onFileRejected: t[20] || (t[20] = (n) => ae("coverImagePortrait", n))
-            }))
-          ])
-        ]),
-        r("div", Fa, [
-          r("span", Ea, b(l(e)("order.displayPaxDialogTitle")), 1),
-          s(m, {
-            modelValue: le.value,
-            "onUpdate:modelValue": t[22] || (t[22] = (n) => le.value = n),
-            label: l(e)("order.displayPaxDialogDescription"),
-            "label-placement": "right",
-            class: "mb-5"
-          }, null, 8, ["modelValue", "label"])
-        ]),
-        Z("", !0),
-        r("div", Na, [
-          s(Ee, {
-            "payment-types": a.value.paymentSetting.paymentTypes ?? [],
-            "allow-credit": !0,
-            "allow-e-payment": ye.value,
-            "offline-payment-types": a.value.paymentSetting.offlinePaymentTypes ?? [],
-            ePaymentTypes: a.value.paymentSetting.ePaymentTypes ?? {},
-            "onUpdate:paymentTypes": X,
-            "onUpdate:offlinePaymentTypes": t[24] || (t[24] = (n) => a.value.paymentSetting.offlinePaymentTypes = n),
-            "onUpdate:ePaymentTypes": j
-          }, null, 8, ["payment-types", "allow-e-payment", "offline-payment-types", "ePaymentTypes"])
-        ]),
-        s(D, {
-          class: "w-1/4 mb-10",
-          variant: "primary",
-          label: l(e)("order.updateSetting"),
-          disabled: !F.value,
-          onClick: fe
-        }, null, 8, ["label", "disabled"])
-      ])) : (h(), L("div", La, b(l(e)("order.pleaseSelectRestaurant")), 1));
-    };
-  }
-});
-export {
-  ja as default
-};