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

package/dist/KioskSettingView-8GY7AT-N.js

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