@feedmepos/mf-order-setting 0.0.88 → 0.0.89

package/dist/KioskSettingView-M3pBFSwt.js

@@ -1,839 +0,0 @@
-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-DgZSoUgk.js";
-import { c as v, K as Ne, d as Oe } from "./order.dto-DQWf-RVV.js";
-import { _ as Le, u as Me, a as De } from "./index-CGJIcLNE.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
-};