@feedmepos/mf-order-setting 0.0.83 → 0.0.84

package/dist/{KioskSettingView-C3L9_8ag.js → KioskSettingView-D57KtQ-t.js}

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