@feedmepos/mf-order-setting 0.0.54 → 0.0.56-dev.2

package/dist/{KioskDevicesView-CMKNjgWx.js → KioskDevicesView-Qv-xd_kZ.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./KioskDevicesView.vue_vue_type_script_setup_true_lang-B1sNvlUC.js";
+import { _ as f } from "./KioskDevicesView.vue_vue_type_script_setup_true_lang-CCF1mKni.js";
 export {
   f as default
 };

package/dist/{KioskDevicesView.vue_vue_type_script_setup_true_lang-B1sNvlUC.js → KioskDevicesView.vue_vue_type_script_setup_true_lang-CCF1mKni.js}

@@ -1,9 +1,9 @@
 import { ref as C, defineComponent as G, resolveComponent as F, createElementBlock as b, openBlock as u, createElementVNode as e, createVNode as v, toDisplayString as a, unref as _, computed as $, createCommentVNode as D, withCtx as q, Fragment as W, renderList as H, createBlock as z, createTextVNode as U } from "vue";
 import { useI18n as Q } from "@feedmepos/mf-common";
 import { defineStore as se } from "pinia";
-import { r as Y, g as Z, c as ie, d as ae } from "./menu.dto-DAh1J2ES.js";
+import { r as Y, g as Z, c as ie, d as ae } from "./menu.dto-C_B3M2fs.js";
 import { useDialog as le, useSnackbar as re } from "@feedmepos/ui-library";
-import { d as R } from "./dayjs.min-CuRr-wlf.js";
+import { d as R } from "./dayjs.min-DZfxGUk4.js";
 async function ce() {
   const o = await Y().get("/kiosk/otp");
   return Z(o);

package/dist/KioskSettingView-CvvrK6Bv.js

@@ -0,0 +1,643 @@
+import { defineComponent as ae, computed as A, ref as D, onMounted as ie, resolveComponent as P, createBlock as K, openBlock as C, withCtx as _, createVNode as s, createElementVNode as r, withDirectives as F, unref as t, vShow as R, createElementBlock as j, toDisplayString as b } from "vue";
+import { F as H, e as c, f as le, S as te } from "./menu.dto-C_B3M2fs.js";
+import { _ as de, u as ue, a as me } from "./index-BpKR-Cxd.js";
+import { useI18n as ne } from "@feedmepos/mf-common";
+import { useSnackbar as pe } from "@feedmepos/ui-library";
+import { g as oe, s as re, a as ce, r as Z, u as J, b as ye } from "./app-Bss1GkKY.js";
+const fe = { class: "ml-7" }, ve = { class: "ml-7" }, be = { class: "flex flex-row gap-9" }, ge = /* @__PURE__ */ ae({
+  __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(d, { emit: u }) {
+    const { t: a } = ne(), y = d, g = u, I = A(() => (y.paymentTypes || []).includes(H.enum.ePayment)), l = D(), m = D([]), V = D(!1), h = D(!1), k = D(!1), L = () => {
+      Object.keys(y.ePaymentTypes).length !== 0 && (y.ePaymentTypes.terminal && (h.value = !0), y.ePaymentTypes.card.terminal ? (l.value = c.enum.TERMINAL, V.value = !0) : y.ePaymentTypes.card.nfc && (l.value = c.enum.NFC, V.value = !0), y.ePaymentTypes.eWallet.qrPay && (m.value.push(c.enum.QRPAY), k.value = !0), y.ePaymentTypes.eWallet.scanPay && (m.value.push(c.enum.SCANPAY), k.value = !0));
+    };
+    L();
+    const M = (p) => {
+      const i = {
+        terminal: !1,
+        card: {
+          terminal: !1,
+          nfc: !1
+        },
+        eWallet: {
+          qrPay: !1,
+          scanPay: !1
+        }
+      };
+      I.value && (p == c.enum.TERMINAL && (i.card.terminal = !0), p == c.enum.NFC && (i.card.nfc = !0), m.value.length > 0 && (m.value.includes(c.enum.QRPAY) && (i.eWallet.qrPay = !0), m.value.includes(c.enum.SCANPAY) && (i.eWallet.scanPay = !0))), h.value && (i.terminal = !0), g("update:ePaymentTypes", i);
+    }, S = () => {
+      const p = {
+        terminal: !1,
+        card: {
+          terminal: !1,
+          nfc: !1
+        },
+        eWallet: {
+          qrPay: !1,
+          scanPay: !1,
+          terminalScanPay: !1,
+          terminalQrPay: !1
+        }
+      };
+      I.value && (l.value && (l.value === c.enum.TERMINAL && (p.card.terminal = !0), l.value === c.enum.NFC && (p.card.nfc = !0)), h.value && (p.terminal = !0), m.value.includes(c.enum.QRPAY) && (p.eWallet.qrPay = !0), m.value.includes(c.enum.SCANPAY) && (p.eWallet.scanPay = !0), m.value.includes(c.enum.TERMINAL_SCAN_PAY) && (p.eWallet.terminalScanPay = !0), m.value.includes(c.enum.TERMINAL_QR_PAY) && (p.eWallet.terminalQrPay = !0)), g("update:ePaymentTypes", p);
+    }, Y = (p) => {
+      l.value = "", p && (l.value = c.enum.TERMINAL), S();
+    }, q = (p) => {
+      m.value = [], p && (m.value = [
+        c.enum.QRPAY,
+        c.enum.SCANPAY
+      ]), S();
+    }, Q = (p) => {
+      g("update:paymentTypes", p), p.includes(H.enum.ePayment) || (V.value = !1, k.value = !1, Y(!1), q(!1));
+    };
+    return ie(() => {
+      L();
+    }), (p, i) => {
+      const U = P("FmSwitch"), W = P("FmRadio"), z = P("FmRadioGroup"), E = P("FmCardSection"), $ = P("FmCard"), o = P("FmCheckbox");
+      return C(), K(de, {
+        "payment-types": d.paymentTypes,
+        "offline-payment-types": d.offlinePaymentTypes,
+        "allow-e-payment": y.allowEPayment,
+        "allow-credit": y.allowCredit,
+        "onUpdate:paymentTypes": Q,
+        "onUpdate:offlinePaymentTypes": i[8] || (i[8] = (e) => g("update:offlinePaymentTypes", e || []))
+      }, {
+        "e-payment-content": _(() => [
+          s($, { variant: "outlined" }, {
+            default: _(() => [
+              s(E, null, {
+                default: _(() => [
+                  s(U, {
+                    label: t(a)("order.bankCard"),
+                    sublabel: t(a)("order.cardPaymentDescription"),
+                    "label-placement": "right",
+                    modelValue: V.value,
+                    "onUpdate:modelValue": [
+                      i[0] || (i[0] = (e) => V.value = e),
+                      Y
+                    ]
+                  }, null, 8, ["label", "sublabel", "modelValue"]),
+                  i[9] || (i[9] = r("br", null, null, -1)),
+                  F(r("div", fe, [
+                    s(z, {
+                      modelValue: l.value,
+                      "onUpdate:modelValue": [
+                        i[1] || (i[1] = (e) => l.value = e),
+                        M
+                      ],
+                      inline: ""
+                    }, {
+                      default: _(() => [
+                        s(W, {
+                          label: t(a)("order.terminal"),
+                          value: t(c).enum.TERMINAL
+                        }, null, 8, ["label", "value"]),
+                        s(W, {
+                          label: t(a)("order.nfc"),
+                          value: t(c).enum.NFC
+                        }, null, 8, ["label", "value"])
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ], 512), [
+                    [R, V.value]
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          s($, {
+            variant: "outlined",
+            class: "mt-2"
+          }, {
+            default: _(() => [
+              s(E, null, {
+                default: _(() => [
+                  s(U, {
+                    label: t(a)("order.terminal"),
+                    sublabel: t(a)("order.terminalPaymentDescription"),
+                    "label-placement": "right",
+                    modelValue: h.value,
+                    "onUpdate:modelValue": [
+                      i[2] || (i[2] = (e) => h.value = e),
+                      S
+                    ]
+                  }, null, 8, ["label", "sublabel", "modelValue"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          s($, {
+            variant: "outlined",
+            class: "mt-2"
+          }, {
+            default: _(() => [
+              s(E, null, {
+                default: _(() => [
+                  s(U, {
+                    label: t(a)("order.eWallet"),
+                    sublabel: t(a)("order.eWalletDescription"),
+                    "label-placement": "right",
+                    modelValue: k.value,
+                    "onUpdate:modelValue": [
+                      i[3] || (i[3] = (e) => k.value = e),
+                      q
+                    ]
+                  }, null, 8, ["label", "sublabel", "modelValue"]),
+                  i[10] || (i[10] = r("br", null, null, -1)),
+                  F(r("div", ve, [
+                    r("div", be, [
+                      s(o, {
+                        modelValue: m.value,
+                        "onUpdate:modelValue": [
+                          i[4] || (i[4] = (e) => m.value = e),
+                          S
+                        ],
+                        label: t(a)("order.qrPay"),
+                        value: t(c).enum.QRPAY
+                      }, null, 8, ["modelValue", "label", "value"]),
+                      s(o, {
+                        modelValue: m.value,
+                        "onUpdate:modelValue": [
+                          i[5] || (i[5] = (e) => m.value = e),
+                          S
+                        ],
+                        label: t(a)("order.scanPay"),
+                        value: t(c).enum.SCANPAY
+                      }, null, 8, ["modelValue", "label", "value"]),
+                      s(o, {
+                        modelValue: m.value,
+                        "onUpdate:modelValue": [
+                          i[6] || (i[6] = (e) => m.value = e),
+                          S
+                        ],
+                        label: t(a)("order.terminalScanPay"),
+                        value: t(c).enum.TERMINAL_SCAN_PAY
+                      }, null, 8, ["modelValue", "label", "value"]),
+                      s(o, {
+                        modelValue: m.value,
+                        "onUpdate:modelValue": [
+                          i[7] || (i[7] = (e) => m.value = e),
+                          S
+                        ],
+                        label: t(a)("order.terminalQrPay"),
+                        value: t(c).enum.TERMINAL_QR_PAY
+                      }, null, 8, ["modelValue", "label", "value"])
+                    ])
+                  ], 512), [
+                    [R, k.value]
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["payment-types", "offline-payment-types", "allow-e-payment", "allow-credit"]);
+    };
+  }
+});
+async function Ie(d) {
+  return (await le({
+    customIdToken: d
+  }).post("/token", { token: d })).data;
+}
+async function Pe(d) {
+  return (await le({
+    customIdToken: d
+  }).post("/token/idtoken", { customToken: d })).data;
+}
+const se = {
+  getCustomToken: Ie,
+  getIdToken: Pe
+};
+var Se = { firebase: {} }, we = {};
+let B = null;
+function xe(d) {
+  var y;
+  const u = (y = d.name.split(".").pop()) == null ? void 0 : y.toLowerCase();
+  return u && /^[a-z0-9]+$/.test(u) ? u : {
+    "image/jpeg": "jpg",
+    "image/png": "png",
+    "image/webp": "webp",
+    "image/gif": "gif"
+  }[d.type] ?? "bin";
+}
+function Ve() {
+  var a;
+  return (((a = we.firebase) == null ? void 0 : a.storageBucket) ?? Se.firebase.storageBucket ?? "image.feedmedev.cc").replace(/^https?:\/\//, "").replace(/\/+$/, "");
+}
+function ke(d) {
+  const u = d.replace(/^\/+/, "");
+  return `https://${Ve()}/${u}`;
+}
+async function Te() {
+  const d = oe();
+  if (!d.currentUser && (await d.authStateReady(), !d.currentUser && (B || (B = (async () => {
+    const u = te.getIdToken();
+    if (!u)
+      throw new Error("Missing session token for Firebase authentication");
+    const a = await se.getCustomToken(u);
+    await re(d, a);
+  })().finally(() => {
+    B = null;
+  })), await B, !d.currentUser)))
+    throw new Error("User not authenticated for image upload");
+}
+async function _e() {
+  const d = oe(), u = te.getIdToken();
+  if (!u)
+    throw new Error("Missing session token for Firebase authentication");
+  d.currentUser && await ye(d);
+  const a = await se.getCustomToken(u);
+  await re(d, a);
+}
+async function he(d, u) {
+  const a = ce(), y = Z(a, d);
+  try {
+    await J(y, u, {
+      contentType: u.type || void 0
+    });
+    return;
+  } catch (I) {
+    if ((I == null ? void 0 : I.code) !== "storage/unauthorized")
+      throw I;
+  }
+  await _e();
+  const g = Z(a, d);
+  await J(g, u, {
+    contentType: u.type || void 0
+  });
+}
+async function Ae(d, u) {
+  await Te();
+  const a = d.replace(/^\/+/, "").replace(/\/+$/, ""), y = xe(u), g = `${Date.now()}_${Math.random().toString(36).slice(2, 10)}.${y}`, I = `${a}/${g}`;
+  return await he(I, u), ke(I);
+}
+const Ce = {
+  key: 0,
+  class: "flex flex-col gap-32"
+}, Fe = { class: "flex flex-col gap-2" }, Re = { class: "fm-typo-en-title-sm-600" }, Ue = { class: "flex flex-col gap-5" }, Ee = { class: "flex flex-col gap-16" }, Ne = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2 my-5 w-11/12" }, Oe = { class: "fm-typo-en-title-sm-600" }, De = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2 my-5 w-11/12" }, Me = { class: "fm-typo-en-title-sm-600" }, We = { class: "flex flex-row gap-2" }, $e = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2 my-5 w-11/12" }, Le = { class: "fm-typo-en-title-sm-600" }, Ye = { class: "flex flex-col gap-2" }, qe = { class: "fm-typo-en-title-sm-600" }, je = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2 my-5 w-11/12" }, Be = { class: "fm-typo-en-title-sm-600" }, Qe = { class: "flex flex-col gap-2" }, ze = { class: "fm-typo-en-title-sm-600" }, Ke = { class: "flex flex-col gap-2" }, He = { class: "fm-typo-en-title-sm-600" }, Ge = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Xe = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-4 my-5 w-11/12" }, Ze = { class: "fm-typo-en-body-md-600" }, Je = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ea = {
+  key: 1,
+  class: "flex flex-col gap-2"
+}, aa = ["src", "alt"], la = { class: "border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-4 my-5 w-11/12" }, ta = { class: "fm-typo-en-body-md-600" }, na = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, oa = {
+  key: 1,
+  class: "flex flex-col gap-2"
+}, ra = ["src", "alt"], sa = { class: "flex flex-col gap-2" }, ia = { class: "fm-typo-en-title-sm-600" }, da = { class: "flex flex-col gap-2" }, ua = { key: 1 }, ee = 10 * 1e3 * 1e3, ba = /* @__PURE__ */ ae({
+  __name: "KioskSettingView",
+  props: {
+    restaurantId: {},
+    form: {}
+  },
+  emits: ["updateKioskOrderSetting"],
+  setup(d, { emit: u }) {
+    const { t: a } = ne(), y = d, g = pe(), I = u, l = D(y.form), m = (o) => o < 0 ? a("order.nonNegativeRule") : !0, V = (o) => o <= (l.value.dineIn.displayStand.standSlotRange.min ?? 0) ? a("order.greaterThanMinRule") : !0, h = A(() => [m]), k = A(() => [m]), L = A(() => [m, V]), M = A(() => {
+      var f, v, x, T, N, n, G;
+      const o = l.value;
+      if (o.dineIn.enabled && o.dineIn.displayStand.enabled) {
+        const { padDigit: w, standSlotRange: O } = o.dineIn.displayStand;
+        if (!(w != null && w >= 0 && O.min != null && O.max != null && O.min <= O.max)) return null;
+      }
+      const e = o.paymentSetting;
+      if ((f = e == null ? void 0 : e.paymentTypes) != null && f.includes(H.enum.ePayment)) {
+        const w = e.ePaymentTypes;
+        if (!w) return null;
+        const O = ((v = w.card) == null ? void 0 : v.terminal) || ((x = w.card) == null ? void 0 : x.nfc), X = ((T = w.eWallet) == null ? void 0 : T.qrPay) || ((N = w.eWallet) == null ? void 0 : N.scanPay) || ((n = w.eWallet) == null ? void 0 : n.terminalScanPay) || ((G = w.eWallet) == null ? void 0 : G.terminalQrPay);
+        if (!O && !X) return null;
+      }
+      return {
+        ...o,
+        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: S } = ue();
+    function Y(o) {
+      l.value.paymentSetting.paymentTypes = o;
+    }
+    function q(o) {
+      l.value.paymentSetting.ePaymentTypes = o;
+    }
+    const Q = me();
+    function p(o) {
+      l.value[o] = null;
+    }
+    function i(o) {
+      const e = l.value[o];
+      if (!e) return null;
+      const f = e.trim();
+      return f.length > 0 ? f : null;
+    }
+    async function U(o, e) {
+      try {
+        const f = await S(async () => {
+          const v = `/restaurant/${y.restaurantId}/kiosk/${o}`;
+          return await Ae(v, e);
+        });
+        l.value[o] = f, g.open({
+          title: a("order.imageUploadSuccess"),
+          type: "success"
+        });
+      } catch (f) {
+        console.error(f), g.open({
+          title: a("order.imageUploadFailed"),
+          type: "error"
+        });
+      }
+    }
+    function W(o, e) {
+      var x, T;
+      const f = a(o === "coverImageLandscape" ? "order.coverImageLandscape" : "order.coverImagePortrait"), v = (T = (x = e[0]) == null ? void 0 : x.reason) == null ? void 0 : T[0];
+      g.open({
+        title: v ? `${a("order.imageUploadRejected")}: ${f} (${v})` : `${a("order.imageUploadRejected")}: ${f}`,
+        type: "error"
+      });
+    }
+    const z = A(() => Q.getRestaurantEPayment()), E = A({
+      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;
+      }
+    });
+    async function $() {
+      if (M.value) {
+        const o = M.value;
+        S(async () => {
+          await I("updateKioskOrderSetting", o);
+        });
+      } else
+        g.open({
+          title: a("order.failedToUpdateSetting"),
+          type: "error"
+        });
+    }
+    return (o, e) => {
+      const f = P("FmSwitch"), v = P("FmTextField"), x = P("FmStepperField"), T = P("FmDropField"), N = P("FmButton");
+      return l.value ? (C(), j("div", Ce, [
+        r("div", Fe, [
+          r("span", Re, b(t(a)("order.dineIn")), 1),
+          r("div", Ue, [
+            s(f, {
+              modelValue: l.value.dineIn.enabled,
+              "onUpdate:modelValue": e[0] || (e[0] = (n) => l.value.dineIn.enabled = n),
+              label: t(a)("order.dineIn"),
+              "label-placement": "right"
+            }, null, 8, ["modelValue", "label"]),
+            F(r("div", Ee, [
+              r("div", null, [
+                s(f, {
+                  modelValue: l.value.dineIn.pickUp.enabled,
+                  "onUpdate:modelValue": e[1] || (e[1] = (n) => l.value.dineIn.pickUp.enabled = n),
+                  label: t(a)("order.pickAtCounter"),
+                  "label-placement": "right"
+                }, null, 8, ["modelValue", "label"]),
+                F(r("div", Ne, [
+                  r("span", Oe, b(t(a)("order.submitOrderInstruction")), 1),
+                  s(v, {
+                    modelValue: l.value.dineIn.pickUp.submitOrderInstruction.payAtCounter,
+                    "onUpdate:modelValue": e[2] || (e[2] = (n) => l.value.dineIn.pickUp.submitOrderInstruction.payAtCounter = n),
+                    label: t(a)("order.payAtCounter"),
+                    placeholder: "Collect your transaction slip below and present it to the cashier"
+                  }, null, 8, ["modelValue", "label"]),
+                  s(v, {
+                    modelValue: l.value.dineIn.pickUp.submitOrderInstruction.paid,
+                    "onUpdate:modelValue": e[3] || (e[3] = (n) => l.value.dineIn.pickUp.submitOrderInstruction.paid = n),
+                    label: t(a)("order.paid"),
+                    placeholder: "Please wait as we prepare your food. We'll call your number when it's ready."
+                  }, null, 8, ["modelValue", "label"])
+                ], 512), [
+                  [R, l.value.dineIn.pickUp.enabled]
+                ])
+              ]),
+              r("div", null, [
+                s(f, {
+                  modelValue: l.value.dineIn.displayStand.enabled,
+                  "onUpdate:modelValue": e[4] || (e[4] = (n) => l.value.dineIn.displayStand.enabled = n),
+                  label: t(a)("order.displayStand"),
+                  "label-placement": "right"
+                }, null, 8, ["modelValue", "label"]),
+                F(r("div", De, [
+                  r("span", Me, b(t(a)("order.tableServiceSetting")), 1),
+                  s(v, {
+                    modelValue: l.value.dineIn.displayStand.prefix,
+                    "onUpdate:modelValue": e[5] || (e[5] = (n) => l.value.dineIn.displayStand.prefix = n),
+                    label: t(a)("order.prefix"),
+                    placeholder: t(a)("order.prefix")
+                  }, null, 8, ["modelValue", "label", "placeholder"]),
+                  r("div", We, [
+                    s(x, {
+                      modelValue: l.value.dineIn.displayStand.standSlotRange.min,
+                      "onUpdate:modelValue": e[6] || (e[6] = (n) => l.value.dineIn.displayStand.standSlotRange.min = n),
+                      class: "w-1/2",
+                      label: t(a)("order.start"),
+                      labelMark: "required",
+                      rules: k.value,
+                      placeholder: t(a)("order.enterANumber")
+                    }, null, 8, ["modelValue", "label", "rules", "placeholder"]),
+                    s(x, {
+                      modelValue: l.value.dineIn.displayStand.standSlotRange.max,
+                      "onUpdate:modelValue": e[7] || (e[7] = (n) => l.value.dineIn.displayStand.standSlotRange.max = n),
+                      class: "w-1/2",
+                      label: t(a)("order.end"),
+                      labelMark: "required",
+                      rules: L.value,
+                      placeholder: t(a)("order.enterANumber")
+                    }, null, 8, ["modelValue", "label", "rules", "placeholder"])
+                  ]),
+                  s(x, {
+                    modelValue: l.value.dineIn.displayStand.padDigit,
+                    "onUpdate:modelValue": e[8] || (e[8] = (n) => l.value.dineIn.displayStand.padDigit = n),
+                    label: t(a)("order.padDigit"),
+                    labelMark: "required",
+                    rules: h.value,
+                    placeholder: t(a)("order.padDigit")
+                  }, null, 8, ["modelValue", "label", "rules", "placeholder"])
+                ], 512), [
+                  [R, l.value.dineIn.displayStand.enabled]
+                ]),
+                F(r("div", $e, [
+                  r("span", Le, b(t(a)("order.submitOrderInstruction")), 1),
+                  s(v, {
+                    modelValue: l.value.dineIn.displayStand.submitOrderInstruction.payAtCounter,
+                    "onUpdate:modelValue": e[9] || (e[9] = (n) => l.value.dineIn.displayStand.submitOrderInstruction.payAtCounter = n),
+                    label: t(a)("order.payAtCounter"),
+                    placeholder: "Collect your transaction slip below and present it to the cashier"
+                  }, null, 8, ["modelValue", "label"]),
+                  s(v, {
+                    modelValue: l.value.dineIn.displayStand.submitOrderInstruction.paid,
+                    "onUpdate:modelValue": e[10] || (e[10] = (n) => l.value.dineIn.displayStand.submitOrderInstruction.paid = n),
+                    label: t(a)("order.paid"),
+                    placeholder: "Please collect your receipt and we'll bring your food to your table once it's ready."
+                  }, null, 8, ["modelValue", "label"])
+                ], 512), [
+                  [R, l.value.dineIn.displayStand.enabled]
+                ])
+              ])
+            ], 512), [
+              [R, l.value.dineIn.enabled]
+            ])
+          ])
+        ]),
+        r("div", Ye, [
+          r("span", qe, b(t(a)("order.takeawayTitle")), 1),
+          s(f, {
+            modelValue: l.value.takeaway.enabled,
+            "onUpdate:modelValue": e[11] || (e[11] = (n) => l.value.takeaway.enabled = n),
+            label: t(a)("order.takeaway"),
+            "label-placement": "right",
+            class: "mb-5"
+          }, null, 8, ["modelValue", "label"]),
+          F(r("div", je, [
+            r("span", Be, b(t(a)("order.submitOrderInstruction")), 1),
+            s(v, {
+              modelValue: l.value.takeaway.submitOrderInstruction.payAtCounter,
+              "onUpdate:modelValue": e[12] || (e[12] = (n) => l.value.takeaway.submitOrderInstruction.payAtCounter = n),
+              label: t(a)("order.payAtCounter"),
+              placeholder: "Collect your transaction slip below and present it to the cashier"
+            }, null, 8, ["modelValue", "label"]),
+            s(v, {
+              modelValue: l.value.takeaway.submitOrderInstruction.paid,
+              "onUpdate:modelValue": e[13] || (e[13] = (n) => l.value.takeaway.submitOrderInstruction.paid = n),
+              label: t(a)("order.paid"),
+              placeholder: "Please wait as we prepare your food. We'll call your number when it's ready."
+            }, null, 8, ["modelValue", "label"])
+          ], 512), [
+            [R, l.value.takeaway.enabled]
+          ])
+        ]),
+        r("div", Qe, [
+          r("span", ze, b(t(a)("order.menuItem")), 1),
+          s(f, {
+            modelValue: l.value.menuItem.showAllOnly,
+            "onUpdate:modelValue": e[14] || (e[14] = (n) => l.value.menuItem.showAllOnly = n),
+            label: t(a)("order.showNotAvailableMenuItem"),
+            "label-placement": "right",
+            class: "mb-5"
+          }, null, 8, ["modelValue", "label"])
+        ]),
+        r("div", Ke, [
+          r("span", He, b(t(a)("order.coverImage")), 1),
+          r("span", Ge, b(t(a)("order.coverImageFallbackHint")), 1),
+          r("div", Xe, [
+            r("span", Ze, b(t(a)("order.coverImageLandscape")), 1),
+            r("span", Je, b(t(a)("order.coverImageLandscapeHint")), 1),
+            i("coverImageLandscape") ? (C(), j("div", ea, [
+              r("img", {
+                src: i("coverImageLandscape"),
+                alt: t(a)("order.coverImageLandscape"),
+                class: "max-w-[400px] aspect-video object-cover rounded-md border border-fm-color-neutral-gray-200"
+              }, null, 8, aa),
+              s(N, {
+                variant: "tertiary",
+                class: "mr-auto",
+                label: t(a)("common.delete"),
+                onClick: e[17] || (e[17] = (n) => p("coverImageLandscape"))
+              }, null, 8, ["label"])
+            ])) : (C(), K(T, {
+              key: 0,
+              accept: "image/*",
+              "max-file-size": ee,
+              "content-class": "w-full max-w-[400px] aspect-video",
+              onFileUpload: e[15] || (e[15] = (n) => U("coverImageLandscape", n)),
+              onFileRejected: e[16] || (e[16] = (n) => W("coverImageLandscape", n))
+            }))
+          ]),
+          r("div", la, [
+            r("span", ta, b(t(a)("order.coverImagePortrait")), 1),
+            r("span", na, b(t(a)("order.coverImagePortraitHint")), 1),
+            i("coverImagePortrait") ? (C(), j("div", oa, [
+              r("img", {
+                src: i("coverImagePortrait"),
+                alt: t(a)("order.coverImagePortrait"),
+                class: "max-w-[200px] aspect-[9/16] object-cover rounded-md border border-fm-color-neutral-gray-200"
+              }, null, 8, ra),
+              s(N, {
+                variant: "tertiary",
+                class: "mr-auto",
+                label: t(a)("common.delete"),
+                onClick: e[20] || (e[20] = (n) => p("coverImagePortrait"))
+              }, null, 8, ["label"])
+            ])) : (C(), K(T, {
+              key: 0,
+              accept: "image/*",
+              "max-file-size": ee,
+              "content-class": "w-[240px] aspect-[9/16]",
+              onFileUpload: e[18] || (e[18] = (n) => U("coverImagePortrait", n)),
+              onFileRejected: e[19] || (e[19] = (n) => W("coverImagePortrait", n))
+            }))
+          ])
+        ]),
+        r("div", sa, [
+          r("span", ia, b(t(a)("order.displayPaxDialogTitle")), 1),
+          s(f, {
+            modelValue: E.value,
+            "onUpdate:modelValue": e[21] || (e[21] = (n) => E.value = n),
+            label: t(a)("order.displayPaxDialogDescription"),
+            "label-placement": "right",
+            class: "mb-5"
+          }, null, 8, ["modelValue", "label"])
+        ]),
+        r("div", da, [
+          s(ge, {
+            "payment-types": l.value.paymentSetting.paymentTypes ?? [],
+            "allow-credit": !0,
+            "allow-e-payment": z.value,
+            "offline-payment-types": l.value.paymentSetting.offlinePaymentTypes ?? [],
+            ePaymentTypes: l.value.paymentSetting.ePaymentTypes ?? {},
+            "onUpdate:paymentTypes": Y,
+            "onUpdate:offlinePaymentTypes": e[22] || (e[22] = (n) => l.value.paymentSetting.offlinePaymentTypes = n),
+            "onUpdate:ePaymentTypes": q
+          }, null, 8, ["payment-types", "allow-e-payment", "offline-payment-types", "ePaymentTypes"])
+        ]),
+        s(N, {
+          class: "w-1/4 mb-10",
+          variant: "primary",
+          label: t(a)("order.updateSetting"),
+          disabled: !M.value,
+          onClick: $
+        }, null, 8, ["label", "disabled"])
+      ])) : (C(), j("div", ua, b(t(a)("order.pleaseSelectRestaurant")), 1));
+    };
+  }
+});
+export {
+  ba as default
+};