@feedmepos/mf-order-setting 0.0.84 → 0.0.85

package/dist/KioskSettingView-BdEPftHH.js

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