@feedmepos/mf-order-setting 0.0.88 → 0.0.89

package/dist/KioskSettingView-CVck01e7.js

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