@feedmepos/mf-order-setting 0.0.76 → 0.0.77

package/dist/KioskSettingView-fF6k9s_q.js

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